@charset "utf-8";

/*  Reset style  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
  /*vertical-align: baseline;*/
}
html, body {
  width: 100%;
  min-width: 1048px;
  height: 100%;
}
html {
  overflow-y: scroll;
}
body {
  font: normal 1em/1.56em Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #444;
  /*text-align: center;*/
  letter-spacing: 0;
  background: #FFF;
  width: 1048px;
  //position: relative;
  margin: auto;
  padding: 0px 20px;
}

body.widesize {
  width: 1280px;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
address, em, s, cite, q, dfn, abbr, time, code, var, samp, kbd, sub, sup, i, mark, ruby {
  font-style: normal;
  font-weight: normal;
}
fieldset,img {
  border: 0;
  vertical-align: top;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
a:visited {
  color: #444;
  text-decoration: none;
}
a:link {
  color: #444;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
}
a:hover img {
  opacity: 0.8;
}

/* テキストにリンク色を付ける場合 */
a.text-link {
  color: #0B5DAA;
}
a.text-link:hover {
  color: #F89E1C;
}

ins {
  background-color: #FF9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #FF9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
select, input, button, textarea, button {
  font-size: 0.93em;
}
pre, code, kbd, samp {
  font-family: monospace;
  line-height: 100%;
}
sup {
  font-size: 0.750em;
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
ul, ol {
  list-style: none;
}
*::selection {
  background: #0061ca;
  color: #FFF;
}
*::-moz-selection {
  background: #0061ca;
  color: #FFF;
}

/*  Clear-fix  */
header:after,
footer:after,
article:after,
.cf:after {
  content: "";
  height: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

/* フォントの色 */
.blue { color: #0B5DAA !important; }
.low-temp, .min-temp { color: #0096FF !important; }
.saturday { color: #0096FF !important; }
.red, .holiday, .sunday, .high-temp, .max-temp { color: #FF0000 !important; }
.grey { color: #999999 !important; }
.past { color: #BBBBBB !important; }
.black { color: #444444 !important; }

/*    調整用クラス    */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.bold {
  font-weight: bold;
}

/*   clearfix   */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
  min-height:1%;  /* for IE 7*/
}
.clearfix { display: block; }
/*   /clearfix   */

h1 {
  display: inline-block;
  width: 139px;
  height: 40px;
  overflow: hidden;
  text-indent: 102%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-image: url(..\\images\\icon\\logo\\tenkijp-logo_3866647.png);
  background-size: 139px 40px;
  background-position: 0 0;
  float: left;
  margin-right: 10px;
}

h1.season-01 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-01_6357103.png)}
h1.season-02 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-02_6422639.png)}
h1.season-03 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-03_6488175.png)}
h1.season-04 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-04_6553711.png)}
h1.season-05 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-05_6619247.png)}
h1.season-06 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-06_6684783.png)}
h1.season-07 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-07_6750319.png)}
h1.season-08 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-08_6815855.png)}
h1.season-09 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-09_6881391.png)}
h1.season-10 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-10_6291566.png)}
h1.season-11 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-11_6357102.png)}
h1.season-12 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-12_6422638.png)}
h1.season-13 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-13_6488174.png)}
h1.season-14 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-14_6553710.png)}
h1.season-15 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-15_6619246.png)}
h1.season-16 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-16_6684782.png)}
h1.season-17 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-17_6750318.png)}
h1.season-18 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-18_6815854.png)}
h1.season-19 {background-image:url(..\\images\\icon\\logo\\tenkijp-season-19_6881390.png)}
h1.tenkijp-20th {background-image:url(..\\images\\icon\\logo\\tenkijp-20th_7733327.png)}

h1 a {
  display: block;
  height: 50px;
}
h2 {
  border-left: 10px solid #0061ca;
  padding: 5px 120px 5px 10px;
  margin-bottom: 20px;
  font-size: 1.500em;
  line-height: 1.2em;
  position: relative;
}
h2 time.date-time,
h3 time.date-time {
  font-size: 0.625em;
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #999;
}
h2 time.date-time {
  font-size: 0.563em;
}
h2 span {
  padding-left: 10px;
}

h3 {
  position: relative;
  font-size: 1.250em;
  /*border-left: 10px solid #0061ca;*/
  border-bottom: 4px solid #0061ca;
  padding: 5px 0;
  margin-bottom: 10px;
}
h3.left-style {
  border-left: 10px solid #0061ca;
  padding: 5px 0 0 10px;
  border-bottom: 0;
}
h3.bottom-style {
  /*border-bottom: 4px solid #0061ca;*/
  /*border-left: 0;*/
  /*padding: 5px 0;*/
}
h3.date-set {
  padding-right: 170px;
}
h3 span {
  padding-left: 5px;
}
h3 span.sub-title {
  font-size: 0.750em;
  padding-left: 5px;
}
h3.date-time-set {
  padding-right: 95px;
}
h3.date-time-set span.point-name {
  font-size: 0.687em;
}
h3.date-time-set span.date {
  font-size: 0.625em;
  font-weight: normal;
  color: #999;
  position: absolute;
  top: 4px;
  right: 3px;
}
h3 .sub-title-right {
  font-size: 0.625em;
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 0;
}
h4.top-recent-entries {
  margin-bottom: 10px;
}

/* 広告まわり */
.tenki-ad-pc-ct {
  min-width: 920px;
  min-height: 80px;
  max-height: 250px;
  margin-bottom: 20px;
  text-align: center;
}

.tenki-ad-pc-ct-top {
  min-width: 970px;
  min-height: 0;
  max-height: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.tenki-ad-pc-ct-thin {
  min-width: 920px;
  height: 30px;
  margin-bottom: 20px;
  text-align: center;
}

.tenki-ad-1h_point_text {
  min-width: 920px;
  min-height: 80px;
  max-height: 130px;
  margin-bottom: 20px;
  text-align: center;
}

.tenki-ad-3h_point_text {
  min-width: 692px;
  min-height: 80px;
  max-height: 130px;
  margin-bottom: 20px;
  text-align: center;
}

#tenki-ad-1st_PD {
  min-height: 250px;
}

#tenki-ad-2nd_PD {
  min-height: 250px;
}
#tenki-ad-3rd_PD {
  min-height: 250px;
}
#tenki-ad-4th_PD {
  min-height: 250px;
}

.tenki-ad-pd {
  min-width: 300px;
  /*max-width: 336px;*/
  /*min-height: 250px;*/
  max-height: 600px;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.tenki-ad-3rd-pd {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
.tenki-ad-4th-pd {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.tenki-ad-footer_left {
  float:left;
  margin-right: 20px;
}

.tenki-ad-footer_right {
  float:left;
}

.tenki-ad-footer_left2 {
  float:left;
  margin-right: 20px;
}

.tenki-ad-footer_right2 {
  float:left;
}

.tenki-ad-skyscraper-left {
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 913px;
  margin-left: -664px;
}

.tenki-ad-skyscraper-right {
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 913px;
  margin-left: 544px;
}

#tenki-ad-pc-billboard {
  text-align: center;
  xmargin: 10px 0;
  max-height: 250px;
}

#tenki-ad-parking-pr-pc-1 {
  width: 692px;
  height: 100px;
  margin: 0 0 40px 0;
}

.pr-mark {
    font-size: 0.500em;
    font-weight: normal;
    margin-left: 10px;
    line-height: 1.0;
    border: 1px solid #999;
    padding: 0 3px;
}

/* -- header --*/
body.widesize .header {
  width: 1280px;
}
.header {
  height: 78px;
  position: relative;
  width: 1048px;
  padding-top: 5px;
}

.hd-help {
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 14px;
}
.hd-help a {
  color: #0B5DAA;
}
.hd-help a:hover {
  color: #F89E1C;
}

.hd-suppl-link {
  display: inline-block;
  /* margin: 5px 0 0; */
  height:28px;
}
.hd-suppl-link a {
  display: inline-block;
  position: relative;
  color: #0B5DAA;
  font-size: 12px;
  background-color: #F4F4EE;
  padding: 5px 10px;
  border-radius: 4px;
  line-height: 1;
}
.hd-suppl-link a:after {
  top: 21px;
  left: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #EEE ;
  border-left-color: #EEE ;
  border-width: 6px;
}

/* 背景画像のオン・オフ */
#promotion-switcher {
  display: inline-block;
  font-size: 0.750em;
  background-color: #FFF;
  margin-left: 5px;
  padding: 2px 5px;
  line-height: 1em;
  border-radius: 4px;
  border: 1px solid #EEE;
}
#promotion-switcher a {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.875em;
  padding: 4px 5px 2px;
  line-height: 1em;
  border-radius: 4px;
}
#promotion-switcher a#promotion-switcher-on {
  background-color: #6FAFFF;
  color: #FFF;
}
#promotion-switcher a#promotion-switcher-off {
  background-color: #EEE;
}

#hd {
  width: 1048px;
  height: 40px;
  z-index: 100000;
  background-color: rgba(255,255,255,1.0);
  padding: 5px 0;
  box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 15px 15px -15px rgba(0,0,0,0.2);
}

#hd-search-box {
  display: inline-block;
  float: left;
}
#hd-search-box .hd-search-input {
  width: 120px;
  border: 1px solid #CCC;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  height: 34px;
  font-size: 14px;
  padding: 2px;
}
#hd-search-box button {
  background-color: #0061ca;
  color: #FFF;
  border-style: none;
  border-radius: 0 4px 4px 0;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  height: 40px;
  font-size: 14px;
  padding: 0 6px;
}
#hd-search-box button:hover {
  cursor: pointer;
}

#hd-search-gps {
  display: inline-block;
  float: left;
  margin: 1px 4px 0 5px;
}
#hd-search-gps a {
  display: block;
  background-color: #edf6ff;
  background-image: url('..\\images\\icon\\search-gps_6815846.png');
  background-repeat: no-repeat;
  background-size: 17px 17px;
  background-position: 50% 3px;
  padding: 25px 12px 3px;
  color: #0B5DAA;
  font-size: 11px;
  line-height: 1;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.history-entries {
  float: left;
  background-color: #FFF;
}
.history-entries li {
  position: relative;
  float: left;
  margin-left: 4px;
}
.history-entries li:first-child {
  margin-left: 0;
}
.history-entries li a.history-entries-link {
  display: block;
  width: 105px;
  border: 1px solid #CCCCCC;
  padding: 3px 0 4px 0;
}
.history-entries li .img-box {
  padding-right: 2px;
  display: table-cell;
  vertical-align: middle;
  width: 47px;
  text-align: center;
}
.history-entries li .info-box {
  font-size: 10px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.history-entries li .name {
  overflow: hidden;
  width: 57px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.history-entries li .temp-box {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.history-entries li .max_t {
  color: #FF0000;
}
.history-entries li .min_t {
  color: #0096FF;
}
.history-entries li a.history-entry-close {
  width: 13px;
  height: 13px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 12px;
  line-height: 1;
  color: #999;
  z-index: 1000;
}
/*.history-entries li a.history-entry-close:after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: -1px;
}*/


/* top nav */
#menu li div {
  display: none;
}
#menu li:hover div {
  display: block;
}
.dropmenu {
  zoom: 1;
  /*margin: 0 auto;*/
  /*padding: 0;*/
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #0061ca;
}
/*.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}*/
.dropmenu li.main-menu {
  /*width: 12.5%;*/
  /*float: left;*/
  /*margin: 0;*/
  /*padding: 0;*/
  text-align: center;
  display: table-cell;
}
.dropmenu li.main-menu a.main-link {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #FFF;
  line-height: 1;
  font-weight: bold;
}
.dropmenu li.main-menu a.main-link:hover {
  background: #6fafff;
  text-decoration: none;
}
.dropmenu li div {
  background: #002346;
  opacity: 0.9;
  width: 1048px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

body.widesize .dropmenu li div {
  width: 1280px;
}

.dropmenu li div ul li {
  display: table-cell;
  padding: 10px 0;
}
.dropmenu li div ul li:first-child {
  padding-left: 10px;
}
.dropmenu li div ul li:last-child {
  padding-right: 10px;
}
.dropmenu li div.sub-menu-indexes ul li {
  padding: 4px 0 4px 10px;
}
.dropmenu li div.sub-menu-indexes ul li.title {
  font-size: 0.875em;
  line-height: 1;
  color: #FFF;
  font-weight: bold;
}
.dropmenu li ul li a {
  padding: 13px 10px 13px 25px;
  text-align: left;
  font-size: 0.875em;
  font-weight: normal;
  position: relative;
  border-radius: 4px;
  display: block;
  line-height: 1;
  color: #FFF;
}
.dropmenu li div.sub-menu-indexes ul li a {
  padding: 5px 10px 3px 20px;
}
.dropmenu li div.sub-menu-season ul li a {
  padding: 13px 9px 13px 20px;
}
.dropmenu li ul li a:hover {
  background: #5e97de;
  opacity: 1;
  text-decoration: none;
}
.dropmenu li ul li a::before {
  position: absolute;
  content: "";
  top: 15px;
  left: 9px;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-left: 7px solid #FFF;
}
.dropmenu li div.sub-menu-indexes ul li a::before {
  top: 5px;
}

#menu-basis {
  background-color: #f4f4ee;
  padding: 10px 0px;
  height: 40px;
  margin-bottom: 10px;
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
}
#menu-basis li {
  width: 160px;
  float: left;
  /*display: table-cell;*/
  margin-right: 8px;
}
#menu-basis li:last-child {
  margin-right: 0;
  width: 188px;
}
#menu-basis li a {
  font-size: 0.875em;
  display: block;
  background-color: #FFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
#menu-basis li a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 2px;
  right: 2px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
#menu-basis li a:hover {
  text-decoration: none;
}
#menu-basis li .img {
  position: relative;
  float: left;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
#menu-basis li .img img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#menu-basis li a span.title {
  display: block;
  padding: 11px 0;
  line-height: 1.3;
}
#menu-basis li a span.title-2 {
  font-size: 0.750em;
}
#menu-basis li a span.attention {
  position: absolute;
  color: #FFF;
  background-color: #d81f1f;
  padding: 3px 3px 2px 3px;
  border-radius: 10px;
  font-size: 0.72em;
  top: 12px;
  right: 5px;
  line-height: 1;
  font-weight: bold;
}

/***    検索box   ***/
#search {
  margin-bottom: 10px;
}
#search-box {
  width: 317px;
  height: 28px;
  margin: 1px 11px 1px 0;
  border: 1px solid #AAAAAA;
  float: left;
}
#search-box input {
  width: 280px;
  height: 28px;
  margin: 0;
  padding: 0 0 0 9px;
  line-height: 28px;
  border: none;
}
#search-box button {
  width: 28px;
  height: 28px;
  padding: 0;
  text-indent: -9999px;
  border: none;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFFFFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAAAAABXZoBIAAAA1ElEQVQoz73SQQ/BQBCGYf//p7zQbZtUBA4UBDdFuQihOFBVSCQ4IGtL3Zhb98lOtjNf4vqlEj/GoFfQ9VJ/9wEv3TQAZAZveGlAexEEXhM6UXQwlvdvTzBUcZdOrZ4Hc7Sjgg4t2auGq2CepcQpZQVF8uUPfIx43GAqWGQhcUJFwT5NiTYjBcNM0pPv0U7qEAaI2aNpCm0bmW0H6pPNelwFMLeRrbgCAIQO6H5kZQe3Ypj26Li35N33ZYcWYPgxSThkgVxcTEIL7NgMhcXq+R/R/FQ3hJDnDuFX2z0AAAAASUVORK5CYII=);
  *background-image: url(..\\images\\icon\\bg_search_2424888.png);
}
#search-box button:hover {
  cursor: pointer;
}
#search .search-box-short {
  width: 220px;
  height: 29px;
  margin: 1px 5px 1px 0;
  border: 1px solid #AAAAAA;
  float: left;
}
#search .search-box-short input {
  width: 183px;
  height: 28px;
  margin: 0;
  padding: 0 0 0 9px;
  line-height: 28px;
  border: none;
}
#search .search-box-long {
  width: 308px;
  height: 28px;
  margin: 1px 5px 1px 0;
  border: 1px solid #AAAAAA;
  float: left;
}
#search .search-box-long input {
  width: 271px;
  height: 28px;
  margin: 0;
  padding: 0 0 0 9px;
  line-height: 28px;
  border: none;
}
#search .search-box-short button,
.search_box_long button {
  width: 28px;
  height: 28px;
  padding: 0;
  text-indent: -9999px;
  border: none;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #FFFFFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAACA0lEQVRoge1ZvbHCMAzWCBmBERiBERghIzDBO8pXsoHTKdIULhiAipoRsgGvQHDBz0kMWDbJ+btzl0j6rN8oAAUFBQUFBXnAzGtmXue2IwqEzIGZLTNfB46VZ+ZDmplrIjqNkPIeeafObf8gEHE14a3QYxFxlZvPE5i5ZubOY2xHRA0z14i4kUtYI+JGPN2MvLfNzQsAHuRcAy+vhJvIuHjkBMtQwQC5gzGmelWWMaYSj7q5mceTEm5ueNWfyvVcWpclJz0FpY4o2yVpY8l+14BDbB1uuCYNVafPXd7JuSkYY6p+4SGiU2wdXsiEkqTSeSJFf+KR0epRADR1iRe7nhf3mvoA4Lm4EFGjrc/JRautD1I3YjdMtfU9EUTEjbY+GevSEPQUGPWkT0pQppe+B1eqCiExQYCFhyhA+iLTtu0uNcHFt4nFN/plj2oASYftLml43uHerEYuZv1cAlD/4P1xyB1jyQ6G1sqCiH4dmVciOmukQYgxW48xTcylU0/uKQtJT6V7rA1DDJJiMrRX/Q6S4smQxe/jtG27G1n8fh/JWKt7IjoS0fkrSQLcvPnOzxdmtvdWIPk4KiMrSYDbxENE+wmvWnnm34QyC5KfopAsJGeEEJKc+h9GbISQnLUXAaZJzp4gwChJm9u2aJAZtt9j7SK858IYUy2SWEFBQUFBDvwBFqCHIYoIlKQAAAAASUVORK5CYII=);
  *background-image: url(..\\images\\icon\\bg_search_2424888.png);
  background-size: 28px 28px;
}
#search .search-box-short button:hover,
.search_box_long button:hover {
  cursor: pointer;
}

/* 右カラムの検索box */
#right-search-form {
  margin-bottom: 10px;
}
.right-search-input {
  width: 265px;
  padding: 9px 5px;
  border-top: 1px solid #CCC;
  border-right: 0;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
  height: 16px;
}
#right-search-form button {
  padding: 0 10px;
  background-color: #0061ca;
  color: #FFF;
  border-style: none;
  border-radius: 0 4px 4px 0;
  line-height: 1;
  height: 36px;
}
#right-search-form button:hover {
  cursor: pointer;
}

/* hdのfb,twボタン */
.fb-hd-icon {
  position: absolute;
  top: 35px;
  right: 65px;
  font-size: 0.750em;
  padding-left: 40px;
  width: 70px;
  height: 36px;
}
.fb-hd-icon:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA4CAMAAADdG7i7AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA+pzQMWCx9uBHkIBS7NzYysCtljYM7saJcmdZHhStwoq7AAAAhElEQVQ4y+3QSQ7CMBAFURtIPGZOmOn7HxMpQlYiQrGApWv7Nt1frZqc7+qjltQSH6GS1Bu7RuQzRyvA91aIvSaeWiF2FvlSIZ8NsmferQ63ZV/ObbEeVGqDG4e8H5kP/+JiLnbLt8KteKWEMsw18wlZ98wDc2C+MkdkM34ZNXPmzD/yEzpBZUsyuZkAAAAAAElFTkSuQmCC);
  background-size: 9px 18px;
  background-position: center center;
  background-color: #385691;
  border-radius: 20px;
  padding: 12px;
}
.fb-hd-icon a.icon-link-fb {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
  padding: 0;
}
.fb-hd-icon a.icon-link-fb:hover,
.tw-hd-icon a.icon-link-tw:hover {
  background-color: #FFF;
  opacity: 0.2;
}
.tw-hd-icon {
  position: absolute;
  top: 35px;
  right: 0px;
  font-size: 0.750em;
  padding-left: 40px;
  width: 84px;
  height: 36px;
  line-height: 1.5;
}
.tw-hd-icon a.icon-link-tw {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.tw-hd-icon a.link {
  position: relative;
  background-color: #f4f4ee;
  color: #444;
  padding: 0px 5px;
  border-radius: 6px;
  line-height: 1.3;
  display: inline-block;
  margin-top: 3px;
}
.tw-hd-icon:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAMAAACPWYlDAAABqlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8LmKHRAAAAjXRSTlMAuiUHXN4IKpPYhzcjOBlUP2D7t2cUL75aqukRxTYS+f4O58Rfn4XMrMHf7Uq10LTgkgp1W5lEK9JMUq244p6k9nRlLAGlQChv/R0GGPUFcx9Nz1jcvycQx2y8yw170zKwdhp8+vMeSCmbu9ExT6hma1UCiuwmzWmgeHK975bKhLZH5fdtFoOiyKeMaDoqutuoAAABfklEQVR4Xq3OU7vkQACE4crgDI1ja+fYNta2bds26z/vPslkgu7gYt/brxpwt33H1MpYLg3dPrjKDlNTSEK1tq6GTAhSPTScBJqKo6xVQx3PQ2KEZg1DJC+robTKtg0I4hRsBY4D2EYyn4LNDAW92KNMAJhUQxFWy7TrjD9juAZAiKqhGpiMD1AiFgSAaWracjAkKDGr3ZnOVy+Yg26eogU9Lhph6eIlqDIUJVFxkGaHegevbSJFUQC6Mm0au+p2UrALmt1AH33Y2wHN/tiB4BZ660fFYfKInwNHUXGM/kShO0FfuqHrpi8BVJ2iD6dhOBOmt7Mw6Tjn80eGeq9HLsCsqQWRBrrKwqKZV66200UZVtfp4QZsbtJVHIJbdHEbElE6ao9A5o5CB3fhpHSPEvfhaLCRogdwEuqkxENIPUo8fkKJ/qewaX3+4uWr6Os3lHoLUaSPTt7VQqr1/QAlPrTA2ceeTzT7rHz5Cg+B+m/fC10/mpWfv37/CeK/+QvHgEzFutEREAAAAABJRU5ErkJggg==);
  background-size: 18px 15px;
  background-position: center center;
  background-color: #55ACEE;
  border-radius: 20px;
  padding: 12px;
}

/* フッターまわり */
.ft-nav {
  clear: both;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f4f4ee;
}
.ft-nav a {
  color: #0B5DAA;
}
.ft-nav a:hover {
  color: #F89E1C;
}
#ft-nav-title {
  float: left;
  font-weight: bold;
  font-size: 1.125em;
  margin-left: 10px;
}
#ft-nav-top-link {
  float: right;
  font-weight: bold;
  font-size: 0.875em;
  margin-right: 10px;
}
#ft-nav-top-link a {
  background-image: url(..\\images\\icon\\home_589903.png);
  background-size: 14px 13px;
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding-left: 18px;
}
#ft-nav-menu-wrap {
  clear: both;
  padding-top: 10px;
  font-size: 0.875em;
}
.ft-nav-menu-entry {
  border-right: 1px solid #ECEBE6;
  float: left;
  padding: 0 3px 0 6px;
  padding-bottom: 6px;
  text-align: left;
  width: 11%;
}
.ft-nav-menu-entry p {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.3;
  border-left: 5px solid #0061ca;
  padding-left: 5px;
}
#ft-nav-menu-weatherguide {
  width: 10%;
}
#ft-nav-menu-disaster {
  width: 10%;
}
#ft-nav-menu-chart {
  width: 7%;
}
#ft-nav-menu-indexes {
  width: 16%;
}
#ft-nav-menu-leisure {
  width: 15%;
}
#ft-nav-menu-season {
  width: 12%;
}
#ft-nav-menu-season ul li {
  margin-bottom: 5px;
  line-height: 1.3;
}
#ft-nav-menu-labo {
  border-right: 0 none;
  margin-right: 0;
  white-space: nowrap;
}

.ft-nav-menu-entry .ft-nav-menu-entry-indexes { /* 指数 */
  float: left;
  margin-right: 7px;
}
.ft-nav-menu-entry a, .ft-nav-menu-entry span {
  display: block;
  padding: 1px 3px 1px 10px;
}
.ft-nav-menu-entry ul li.title {
  display: block;
  padding: 1px 3px 1px 10px;
  font-weight: bold;
}
.ft-nav div ul li.active {
  position: relative;
}
.ft-nav div ul li.active a {
  background: none repeat scroll 0 0 #5e97de;
  color: #FFFFFF;
  font-weight: bold;
  padding: 1px 3px 1px 10px;
  border-radius: 4px;
}
.ft-nav div ul li.active a::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 3px;
  border: 4px solid transparent;
  border-left: 5px solid #FFF;
}

footer {
  border-bottom: 4px solid #0061ca;
}
#footer a {
  color: #0B5DAA;
}
#footer a:hover {
  color: #F89E1C;
}

.ft-app {
  width: 1048px;
  height: 240px;
  clear:both;
  margin-bottom: 20px;
}

body.widesize .ft-app-official {
  width: 1280px;
}

.ft-app-left {
  position: absolute;
  top: 80px;
  left: 220px;
  width: 360px;
  z-index: 1000;
}
.ft-app-left a {
  display: inline-block;
}
.ft-app-left a.ft-app-ipad {
  margin-left: 40px;
}
.ft-app-right {
  position: relative;
  top: 62px;
  left: 539px;
  width: 509px;
  height: 159px;
}
.ft-app-android {
  position: absolute;
  top: 18px;
  left: 90px;
}
.ft-app-title {
  font-size: 0.81em;
  padding: 0 10px 15px 0;
  float: left;
}
.ft-app-text {
  font-size: 2.5em;
  display: block;
  padding-bottom: 10px;
}

#footer-switcher {
  text-align: center;
}

.ft-menu {
  margin-bottom: 20px;
  text-align: center;
}
.ft-menu li {
  display: inline;
  padding: 0 12px;
  border-right: solid 1px #CCCCCC;
}
.ft-menu li:last-child {
  border-right: none;
}

.device-changed {
  text-align: center;
}
.ft-copyright {
  padding-bottom: 25px;
  text-align: center;
  display: block;
}
.device-change {
  text-align: center;
}
#ft-nav-menu-labo li:nth-of-type(4) {
  line-height: 1.4;
}

/*** コンテンツ共通部分 ***/
.breadcrumb-navi {
  margin-bottom: 10px;
}
.breadcrumb-navi li {
  position: relative;
  font-size: 0.812em;
  line-height: 1.5;
  float: left;
}
.breadcrumb-navi li:after {
  content: ">";
  padding-right: 5px;
}
.breadcrumb-navi li:first-child a {
  background-image: url(..\\images\\icon\\home_589903.png);
  background-size: 14px 13px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding-left: 18px;
}
.breadcrumb-navi li:last-child:after {
  content: "";
  padding-right: 0;
}
.breadcrumb-navi a {
  color: #0B5DAA;
}
.breadcrumb-navi a:hover {
  color: #F89E1C;
}
.breadcrumb-navi li:last-of-type a {
  color: #444;
}

.new {
  font-weight: bold;
  color: #FF0000;
  font-size: 0.750em;
  position: relative;
  top: -3px;
}
.date-time {
  font-size: 0.750em;
  color: #999;
}

.main-column {
  float: left;
  width: 692px;
}

body.widesize .main-column {
  width: 924px;
}

.sub-column {
  float: right;
  margin: 0 0 0 20px;
  width: 336px;
}

.wrap {
  border: 1px solid #CCC;
  padding: 10px;
}
.section-wrap {
  margin-bottom: 40px;
}

.box-336 {
  margin-bottom: 20px;
}
.box-336 li, .box-336-ad, .today-weather, .tomorrow-weather, .two-box li {
  width: 336px;
  float: left;
  margin-right: 20px;
}
.box-336 li:last-child, .tomorrow-weather, .two-box li:last-child {
  margin-right: 0;
}

.today-weather .roku-you, .tomorrow-weather .roku-you {
  font-size: 0.750em;
  font-weight: normal;
  padding-left: 10px;
}

.two-box li a {
  width: 336px;
  height: 210px;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.two-box li a img {
  width: auto;
  height: 120%;
}

.precip-table table {
  width: 100%;
}
.precip-table table th {
  background: #F4F4EE none repeat scroll 0 0;
}
.precip-table table th, .precip-table table td {
  font-size: 0.875em;
  font-weight: normal;
  border: 1px solid #CCC;
  width: 20%;
  text-align: center;
  padding: 8px 3px;
}
.precip-table table tr.rain-probability td {
  font-size: 1.125em;
}
.precip-table table tr.rain-probability td span.unit {
  font-size: 0.750em;
}
.precip-table table tr.wind-wave td {
  text-align: left;
  padding-left: 7px;
}

.forecast-city-indexes {
  table-layout: fixed;
}
.forecast-city-indexes .index-telop {
  display: inline-block;
}

.sub-column-img {
  margin-bottom: 30px;
}
.sub-column-img a {
  display: block;
}

/* タブ切り替え(5tab) */
.change-tab {
  border-top: 1px solid #0061ca;
  border-right: 1px solid #0061ca;
  table-layout: fixed;
  margin-bottom: 8px;
  font-size: 0.875em;
  width: 100%;
  text-align: center;
  display: table;
  box-sizing: border-box;
}
.change-tab li {
  border-left: 1px solid #0061ca;
  border-bottom: 1px solid #0061ca;
  color: #0061ca;
  display: table-cell;
  line-height: 1.4;
  width: 100%;
  height: 100%;
}
.change-tab li a {
  display: block;
  padding: 5px 0;
  width: 100%;
  height: 100%;
}
.change-tab li a:hover {
  background: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.change-tab li.selected {
  position: relative;
  background-color: #0061ca;
  color: #FFF;
  padding: 5px 0;
}
.change-tab li.selected::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(1, 96, 194, 0);
  border-top-color: #0061ca;
  border-width: 8px;
  margin-left: -8px;
}

/* タブ切り替え(2tab) */
.common-change-tab {
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.common-change-tab li {
  float: left;
  width: 345px;
  margin-right: 2px;
  box-sizing: border-box;
  border-top: 10px solid #FFF;
  background-color: #d9d9d4;
}
.common-change-tab li:last-child {
  margin-right: 0;
}
.common-change-tab li.selected {
  padding: 20px 10px 10px 10px;
  background-color: #1d53a4;
  color: #FFF;
  border-top: 0;
}
.common-change-tab li a {
  display: block;
  color: #1d53a4;
  padding: 10px;
}

/* タブ切り替え 両タブリンクあり(2tab) */
.common-change-tab-link {
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.common-change-tab-link li {
  float: left;
  width: 49.5%;
  margin-right: 1%;
  box-sizing: border-box;
}
.common-change-tab-link li:last-child {
  margin-right: 0;
}
.common-change-tab-link li a {
  display: block;
  color: #1d53a4;
  padding: 5px 10px;
  border-top: 10px solid #FFF;
  background-color: #d9d9d4;
}
.common-change-tab-link li a.selected {
  padding: 10px;
  background-color: #1d53a4;
  color: #FFF;
  border-top: 0;
}


/* 吹き出し型のセレクトボタン(タブ４つ) */
.common-select-btn {
  margin-bottom: 20px;
}
.common-select-btn li {
  width: 25%;
  float: left;
  text-align: center;
  border-right: 2px solid #FFF;
  box-sizing: border-box;
  font-weight: bold;
  position: relative;
}
.common-select-btn li:last-child {
  border-right: 0;
}
.common-select-btn li.selected {
  padding: 18px 0;
  background-color: #1d53a4;
  color: #FFF;
}
.common-select-btn li.selected:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(1, 96, 194, 0);
  border-top-color: #1d53a4;
  border-width: 12px;
  margin-left: -12px;
}
.common-select-btn li a {
  display: block;
  padding: 18px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
}
.common-select-btn li a:hover {
  text-decoration: none;
}

/* 吹き出し型のセレクトボタン(複数タブ対応) */
.common-select-tab {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px;
}
.common-select-tab li {
  display: table-cell;
  text-align: center;
  position: relative;
}
.common-select-tab li a {
  display: block;
  padding: 18px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
  font-weight: bold;
  border-right: 2px solid #FFF;
}
.common-select-tab li:last-child a {
  border-right: 0;
}
.common-select-tab li a.selected {
  background-color: #1d53a4;
  color: #FFF;
}
.common-select-tab li a.selected:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(1, 96, 194, 0);
  border-top-color: #1d53a4;
  border-width: 12px;
  margin-left: -12px;
}

.common-select-tab .img-text-box {
  display: table;
}
.common-select-tab .img-text-box img {
  display: table-cell;
}
.common-select-tab .img-text-box span.name {
  display: table-cell;
  vertical-align: middle;
}


/* プルダウンのセレクトボタン */
.common-select-pull-down-wrap {
  display: inline-block;
  float: right;
  width: 227px;
  height: 40px;
  border-radius: 3px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  z-index: 10;
  background: #d7e6ff; /* Old browsers */
  background: -moz-linear-gradient(left,  #d7e6ff 0%, #d7e6ff 82%, #0b5daa 82%, #0b5daa 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #d7e6ff 0%,#d7e6ff 82%,#0b5daa 82%,#0b5daa 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #d7e6ff 0%,#d7e6ff 82%,#0b5daa 82%,#0b5daa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e6ff', endColorstr='#0b5daa',GradientType=1 ); /* IE6-9 */
}
.common-select-pull-down-wrap select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  outline: none;
  background-color: transparent;
  width: 247px;
  height: 40px;
  border: none;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  padding-left: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAACnRSTlMAKgr11qCh1V9geb3QPwAAADlJREFUeF5jiFoFBMsY1EGUEwOj1apViwUYGLpWrVrJwMDAumpVAgMDA1PVEgUGIBA2ZAABjgkMDAA0Ow9YQJoQJwAAAABJRU5ErkJggg==);
  background-position: 201px 50%;
  background-repeat: no-repeat;
  z-index: 15;
  &::-ms-expand {
    display: none;
  }
}

/* infomation-table */
.common-info-table {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  font-size: 0.875em;
}
.common-info-table a {
  color: #0B5DAA;
}
.common-info-table th,
.common-info-table td {
  padding: 5px;
  border-bottom: 1px solid #CCC;
}
.common-info-table th {
  background-color: #F4F4EE;
  width: 24%;
  text-align: left;
  font-weight: normal;
}
.common-info-table td {
  border-right: 1px solid #CCC;
}
.common-info-table td.right-border {
  border-right: 1px dotted #CCC;
  width: 110px;
}

/* 地方、都道府県リストをテーブル表示 */
.common-list-entries {
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
}
.common-list-entries th {
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background-color: #F4F4EE;
  padding: 5px 10px;
  width: 25%;
  text-align: left;
}
.common-list-entries a {
  color: #0B5DAA;
  display: block;
}
.common-list-entries a:hover {
  color: #F89E1C;
}
.common-list-entries td {
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  padding: 2px 0 2px 10px;
  width: 75%;
}
.common-list-entries td ul li {
  float: left;
  padding: 3px 0;
  width: 25%;
}

/* 地方、都道府県リストをボタン表示 */
.common-select-list {
  margin-bottom: 10px;
  background-color: #edf6ff;
  padding: 10px 10px 0 10px;
}
.common-select-list-sub-title {
  margin-bottom: 5px;
}
.common-select-list a {
  color: #444;
  padding: 8px;
  background-color: #FFF;
  display: inline-block;
  margin: 0 10px 10px 0;
}
.common-select-list a:hover {
  background-color: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.common-select-list a.selected {
  background-color: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.common-select-list span {
  padding: 8px;
  background-color: #FFF;
  display: inline-block;
  margin: 0 10px 10px 0;
}

/* 市区町村のリスト */
h4.forecast-point-city-name {
  background-color: #f4f4ee;
  padding: 4px 0 3px 5px;
}
.forecast-point-entries {
  margin-bottom: 15px;
  width: 100%;
}
.forecast-point-entries li {
  display: block;
  float: left;
  margin-top: 5px;
  padding-left: 9px;
  width: 23%;
}
.forecast-point-entries li a {
  display: inline-block;
  padding: 2px 5px;
  color: #0B5DAA;
}
.forecast-point-entries li a:hover {
  color: #F89E1C;
}
.forecast-point-entries li a.selected {
  color: #444;
  font-weight: bold;
}


/* おすすめ情報 */
.common-recommend-entries-box {
  width: 100%;
}
.common-recommend-entries-box li {
  float: left;
  width: 31.4%;
  margin-right: 20px;
}
.common-recommend-entries-box li:last-child {
  margin-right: 0;
}
.common-recommend-entries-box li a {
  display: block;
  position: relative;
}
.common-recommend-entries-box li .img-box {
}
.common-recommend-entries-box li .img-box img {
  width: 100%;
  height: auto;
}
.common-recommend-entries-box li a p {
  text-align: center;
  padding: 10px 0;
  position: absolute;
  background: rgba(0,0,0,.5);
  width: 100%;
  bottom: 0;
  color: #FFF;
}
.common-recommend-entries-two-box li {
  width: 48.5%;
}

/* 横並びリンクボタン */
.menu-recommendation {
  background-color: #edf6ff;
  padding: 10px 5px;
  margin: -10px 0 40px 0;
}
.menu-recommendation ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0;
}
.menu-recommendation li {
  display: table-cell;
}
.menu-recommendation li.va-t {
  vertical-align: top;
}
.menu-recommendation li a {
  font-size: 0.875em;
  display: block;
  background-color: #FFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
.menu-recommendation li a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 2px;
  right: 2px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.menu-recommendation li .img-box {
  float: left;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.menu-recommendation li .img-box img {
  width: auto;
  height: 100%;
}
.menu-recommendation li a#pc-forecast-link-box-warn-btn .img-box img {
  height: 60%;
  padding: 8px 0 0 5px;
}
.menu-recommendation li .title {
  display: block;
  padding: 11px 0;
  line-height: 1.3;
}
.menu-recommendation li .title-2 {
  font-size: 0.750em;
}
.menu-recommendation li .title-3 {
  display: block;
  padding: 3px 0px 1px;
  line-height: 1.3;
}
.forecast-point-1h-menu-recommendation,
.forecast-point-3h-menu-recommendation {
  margin-top: 0;
}

/* カード型（横4つ） */
.common-card-type-box {
  margin-bottom: 20px;
}
.common-card-type-box li {
  margin-right: 20px;
  text-align: center;
  float: left;
  width: 22.6%
}
.common-card-type-box li:last-child {
  margin-right: 0;
}
.common-card-type-box li a {
  display: block;
  border: 1px solid #EEE;
  border-radius: 4px;
}
.common-card-type-box li a .img-box {
  height: 110px;
  overflow: hidden;
}
.common-card-type-box li a img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}
.common-card-type-box li a p {
  padding: 5px 0;
}

/* 長方形のリンクボタン・背景水色 */
.common-link-btn-rectangle {
  background-color: #edf6ff;
  padding: 10px;
}
.common-link-btn-rectangle li {
  float: left;
  width: 165px;
  margin: 0 4px 3px 0;
}
.common-link-btn-rectangle li:nth-child(4n) {
  margin-right: 0;
}
.common-link-btn-rectangle li a {
  display: block;
  position: relative;
  background-color: #FFF;
  padding: 10px 5px 10px 10px;
}
.common-link-btn-rectangle li a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.common-link-btn-rectangle li a .img-box {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
.common-link-btn-rectangle li a p {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.875em;
  line-height: 1.4;
}

/* 主な地点 カード型（複数） */
.common-pickup-entries {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
}
.common-pickup-entries li {
  display: table-cell;
}
.common-pickup-entries li a {
  display: block;
  text-align: center;
  border: 1px solid #CCC;
  border-radius: 4px;
}
.common-pickup-entries li p.title {
  padding: 5px 0;
}
.common-pickup-entries li .img-box span {
  display: block;
  font-size: 0.875em;
  color: #999;
}


/* 注釈box */
.box-information,
.box-information-left {
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  font-size: 0.750em;
  line-height: 1.5;
  background-color: #edf6ff;
}
.box-information-left {
  text-align: left;
}

/* 注意書き */
.text-attention-right {
  text-align: right;
  font-size: 0.875em;
  margin: -5px 0 10px;
}

.text-attention-left {
  text-align: left;
  font-size: 0.875em;
  color: #999;
}

/* オフシーズン対応 */
.off-season-box {
  background-color: #FFF;
  margin-bottom: 30px;
  font-size: 1em;
  border: 2px solid #CCC;
  padding: 10px;
}
.off-season-box img {
  float: left;
  margin-right: 10px;
}
.off-season-box p {
}
.off-season-box p span {
  font-size: 0.875em;
  display: inline-block;
}


/* pager */
.pager-index {
  display: inline-block;
  margin-bottom: 10px;
}
.pager-entries {
  text-align: center;
}
.pager-entries li {
  display: inline-block;
  margin-bottom: 10px;
}
.pager-entries li span {
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #EEE;
  display: block;
}
.pager-entries li a {
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #d2e6ff;
  display: block;
}

.pager-index-left {
  margin-bottom: 26px;
}


/* ボタン */
.common-btn-blue {
  text-align: center;
  margin: 0 auto 40px;
  max-width: 600px;
}
.common-btn-blue a {
  position: relative;
  color: #FFF;
  display: inline-block;
  padding: 16px 25px 16px 55px;
  font-size: 1.125em;
  font-weight: bold;
  background-color: #6FAFFF;
  border-bottom: 4px solid #0B5DAA;
  background-image: url(..\\images\\icon\\more_dots_2687014.png);
  background-size: 32px 7px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  text-align: left;
}
.common-btn-blue a::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 6px;
  right: 6px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.common-btn-blue a:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* 現在地ボタン */
.current-place-button {
  padding: 0 0 0 45px;
  margin: 10px auto 40px;
  background: #6FAFFF;
  height: 55px;
  text-align: center;
  border-bottom: 4px solid #0B5DAA;
  font-size: 1.125em;
  width: 500px;
}
.current-place-button a {
  position: relative;
  display: block;
  color: #FFF;
  width: 100%;
  height: 100%;
}
.current-place-button a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 6px;
  right: 4px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.current-place-button a span {
  position: relative;
  top: 16px;
}
.current-place-button a span:after {
  position: absolute;
  content: "";
  left: -45px;
  top: -5px;
  width: 34px;
  height: 34px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMADPXq2mTDjy2lPTP6rIpIs51e8M9UJgZ5Fbpx4pmDHsVqpyDEtQAAAiFJREFUWMO1mOtyqzAMhGWMzS0ESiCEJulF7/+QZ2DOlGBbshja7zdjMNLuygaa3GRtqhPERKdtZnLYi+pqjQ667hTIKYsEgyRFCTIaiwy2gTi5xQg2Bx6VoYBMAUOVooi0AhJzQiEnAwRn3MEZgrzhLt7ka8hXke/lwu7IoIR++5hxaiuqy7v62NZoU2kl6o/nCNbpFwUroj69AYzuB2cvesE4yTDLG11WHVmMohcPuPlq/NG+QCxXmHlHj0b8IXaChQtSn1JijGKEhQoDlDBTYIQP+M89+IalRxKx6utg2eZe6SJqefFUjSG6ZXmOx4uhXjFIvSzP0E9xkepIt7arNpgK5KwHZLDhgWEMp707bPik39VyilvhythCSinOi5YnKSyqOP0nuKSkwiEhjBBcJtpqIJwGI3gMSAKEEXpwZQxs5zRAiJ7ZjvYUV0IIhSQaUt8IHaIemrrN9jXtHxla53/VCggsJzETimiVN9/n4kuvHaeYnDUbKzBTNdyzur84tY64ef5qSolX7v5nkRtTnJg9zqVaY4u2x06SFiMTCV0sMlLwYsuPjGh4VU5sEeEFpWDSbJGkjAf6w0lyDysZLcrIFNRIhpzn/MB39EP4ANMj++9z2eDXcFGbCUfQwk1yfwSND8MXRTb1qRKP5QN5djBy56qp2DrvOKok19848LTRNY4f344fJI8faY8fro8f849fOBy/+vjLS5jj10H/AM5Al+kOuiRbAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 34px 34px;
}

/* snsボタン */
.social-buttons-wrap {
  margin-bottom: 10px;
}
.social_icon_entries {
  float: right;
}
.social_icon_entries p {
  float: left;
  margin-right: 5px;
}
.social_icon_entries p.img {
  border: none;
}
.social_icon_entries p.social_icon_entries_facebook {
  width: 120px;
}

/*** ソーシャルボックスボタン ***/
.social-box-large {
  margin-bottom: 40px;
}
.social-box-large ul {
  width: 100%;
  text-align: center;
}
.social-box-large ul li {
  display: inline-block;
  margin-right: 5px;
}

/*** クリッカブルマップの境界線をトル ***/
map.common-map area {
  border: none;
  outline: none;
}


/*** 天気予報 ***/
h2.forecast-title {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border-left: 0;
  padding: 0;
  margin: 0;
}

.top-notice-news {
  margin: 0 0 10px;
}
.top-notice-news a {
  background-color: #edf6ff;
  padding: 5px 10px 5px 35px;
  color: #0B5DAA;
  display: block;
  position: relative;
  border-radius: 4px;
}
.top-notice-news a:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 11px;
  left: 15px;
  background-image: url('..\\images\\icon\\check_3670039.png');
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
.top-notice-news a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.top-notice-news a:hover {
  color: #FFF;
  background-color: #0B5DAA;
  opacity: 1;
}
.top-notice-news a:hover:before {
  background-image: url('..\\images\\icon\\check-white_589932.png');
}
.top-notice-news a:hover:after {
  border-right: 5px solid #FFF;
  border-bottom: 5px solid #FFF;
}
.top-notice-news span {
  font-size: 0.625em;
  color: #FFF;
  display: inline-block;
  margin-left: 10px;
  background-color: #d81f1f;
  line-height: 1;
  padding: 2px 2px 1px 2px;
  font-weight: bold;
  top: -2px;
  position: relative;
  border-radius: 2px;
}

#forecast-public-date-entries {
  width: 100%;
  position: relative;
  top: -28px;
}
#forecast-public-date-entries li {
  float: left;
  position: relative;
}
#forecast-public-date-entries li span.date {
  font-size: 17px;
}
#forecast-public-date-entries li span.youbi {
  font-size: 11px;
}
#forecast-public-date-entries li.saturday a {
  color: #0096FF;
}
#forecast-public-date-entries li.sunday a,
#forecast-public-date-entries li.holiday a,
#forecast-public-date-entries li.red a {
  color: #FF0000;
}

#forecast-public-date-entries li a {
  position: relative;
  display: block;
  padding: 11px 0 0 8px;
  font-weight: bold;
  width: 56px;
  height: 29px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAMAAAB5EAzbAAAALVBMVEVHcEzf39ng4Nrg4Nrf39rc3Nzg4Nrg4Nrg4Nzf39rf39r09O7j493q6uTw8OpRY96aAAAAC3RSTlMAMFy+7g38hB+d1hIqZ28AAACHSURBVHja3cy5EQMxEANB8ScPu8g/3LMljzWeOoD+/IFybX8Hca39BLo1NwxywcB9sEBRYeAGA0WBQR4YuA8WKCsM/MBAUWCQBwaegwXKBQM/MFBUGGSDgedmgXLBwB0GigqDbDDQ3DDIBQP3wQJFhYEbDBQFBnlg4D5YoKww8EODgIGSBn4BEKZaLvMjUE4AAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 64px 40px;
  margin-left: -2px;
}
#forecast-public-date-entries li:first-child a {
  margin-left: 0;
}

#forecast-public-date-entries li a.selected {
  padding: 9px 0 2px 8px;
  color: #FFF;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ0MTQ1Q0M4MDJBMTFFOUIzMDg5ODcwMjA3OTJFRDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ0MTQ1Q0Q4MDJBMTFFOUIzMDg5ODcwMjA3OTJFRDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNzVBMUFGRjgwMjgxMUU5QjMwODk4NzAyMDc5MkVENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNzVBMUIwMDgwMjgxMUU5QjMwODk4NzAyMDc5MkVENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt88sCEAAAD8SURBVHja5NorDsJAFEbhFkUCimWQsAJgEYi61lTAwnAg2BoCD1PEJM10Oo+q+c9NxlZ8ufeo1pv28a3KnZd5/efevHM/sKrKnot57ZIPlA4wzJUOcNh2zyMZYJgbHaAxW7AjA6zN68gA2TFUAtibMziRAbK2QA0gOYZqAMkxVANIPgNFgKQYKgIkbYEqQHQMVQGiY6gKEH0GygBRMVQGiNoCdYBgDNUBgjFUBwieAQFgNoYEgNktoAB4Y0gB8MaQAuA9AxLAZAxJAJNbQANwYkgDcGJIA3DOgAgwiiERYLQFVAAbQyqAjSEVwJ5BXfhfYkvnTN6A/xb8BBgAX18nH7oaifMAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 64px 40px;
}

#forecast-public-date-entries li#forecast-public-date-entry-1 a {
  z-index: 110;
}
#forecast-public-date-entries li#forecast-public-date-entry-2 a {
  z-index: 100;
}
#forecast-public-date-entries li#forecast-public-date-entry-3 a {
  z-index: 90;
}
#forecast-public-date-entries li#forecast-public-date-entry-4 a {
  z-index: 80;
}
#forecast-public-date-entries li#forecast-public-date-entry-5 a {
  z-index: 70;
}
#forecast-public-date-entries li#forecast-public-date-entry-6 a {
  z-index: 60;
}
#forecast-public-date-entries li#forecast-public-date-entry-7 a {
  z-index: 50;
}
#forecast-public-date-entries li#forecast-public-date-entry-8 a {
  z-index: 40;
}
#forecast-public-date-entries li#forecast-public-date-entry-9 a {
  z-index: 30;
}
#forecast-public-date-entries li#forecast-public-date-entry-10 a {
  z-index: 20;
}
#forecast-public-date-entries li#forecast-public-date-entry-11 a {
  z-index: 10;
}
#forecast-public-date-entries li#forecast-public-date-entry-1 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-2 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-3 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-4 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-5 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-6 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-7 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-8 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-9 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-10 a.selected,
#forecast-public-date-entries li#forecast-public-date-entry-11 a.selected {
  z-index: 1000;
}

#forecast-map-wrap {
  position: relative;
  width: 100%;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 10px;
  border-top: 2px solid #0b5caa;
  padding-bottom: 10px;
  top: -28px;
  clear: both;
}

#forecast-map a {
  color: #444;
  text-decoration: none;
  font-size: 0.812em;
}
#forecast-map a.forecast-map-entry {
  position: absolute;
  width:72px;
  height:75px;
  text-align: center;
  line-height: 1.2;
  padding-top: 3px;
  border-radius: 5px;
}
#forecast-map-wrap a.forecast-map-entry:hover {
  background-color: #E9F4FE;
}

#forecast-public-date {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #666;
  font-weight: bold;
}

#forecast-map-announce-datetime {
  position: absolute;
  top: 5px;
  right: 10px;
}

#forecast-map-image {
  position: absolute;
  top:0;
  left:0;
  width: 586px;
  height: 439px;
}

/* 天気予報 top */
.top-recent-entries-wrap {
  padding-bottom: 10px;
  border-bottom: 1px solid #EEE;
  margin-bottom: 10px;
}
.top-recent-entries-wrap a {
  display: block;
}
.top-recent-entries-wrap .top-recent-entries-left {
  float: left;
  margin-right: 10px;
}
.top-recent-entries-wrap .top-recent-entries-left a {
  position: relative;
}
.top-recent-entries-wrap .top-recent-entries-left .new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.top-recent-entries-wrap .top-recent-entries-left .img-box {
  width: 320px;
  height: 240px;
  overflow: hidden;
}
.top-recent-entries-wrap .top-recent-entries-left .img-box img {
  width: 100%;
  height: auto;
}
.top-recent-entries-wrap .top-recent-entries-left .text-box {
  padding: 10px;
  position: absolute;
  background: rgba(0,0,0,.5);
  width: 300px;
  bottom: 0;
  color: #FFF;
}
.top-recent-entries-wrap .top-recent-entries-left .text-box .title {
  padding: 0 5px;
}
.top-recent-entries-wrap .top-recent-entries-left .text-box .date-time {
  padding: 0 5px;
  color: #FFF;
}
.top-recent-entries-wrap .top-recent-entries-right {
  width: 362px;
  float: left;
}
.top-recent-entries-wrap .top-recent-entries-right li {
  border-bottom: 1px solid #EEE;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.top-recent-entries-wrap .top-recent-entries-right li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.top-recent-entries-wrap .top-recent-entries-right .img-wrap {
  display: table-cell;
}
.top-recent-entries-wrap .top-recent-entries-right .img-box {
  margin-right: 10px;
  overflow: hidden;
  width: 66px;
  height: 66px;
  display: block;
}
.top-recent-entries-wrap .top-recent-entries-right .img-box img {
  width: 100%;
  height: auto;
}
.top-recent-entries-wrap .top-recent-entries-right .text-box {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
}
.top-recent-entries-wrap .top-recent-entries-right .date {
  font-size: 0.750em;
  color: #999;
}

.common-list-entries li.warn-icon-set {
  position: relative;
}
.common-list-entries li.warn-icon-set a.pref-link {
  display: inline;
  padding-right: 2px;
}
.common-list-entries li.warn-icon-set a.warn-icon {
  display: inline;
  position: absolute;
  top: 7px;
}


/* 地図上の自社広告枠 */
.thumbnail-recommend-btn {
  position: absolute;
  top: 30px;
  right: 10px;
}
.thumbnail-recommend-btn a {
  position: relative;
  border: 1px solid #ddd;
  display: block;
  border-radius: 4px;
  text-align: center;
}
.thumbnail-recommend-btn a .img-box {
  width: 100px;
  height: 80px;
  overflow: hidden;
}
.thumbnail-recommend-btn a .img-box img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}
.thumbnail-recommend-btn a .text {
  padding: 7px 0 6px;
  font-size: 0.875em;
  line-height: 1.0;
}
.thumbnail-recommend-btn a .pr {
  position: absolute;
  bottom: 30px;
  opacity: 0.8;
  right: 0;
  background-color: #ccc;
  padding: 3px;
  font-size: 0.750em;
  line-height: 1.0;
}

/* 天気履歴,現在地の天気,住所から検索 */
.forecast-map-btn-wrap {
  position: absolute;
  top: 145px;
  right: 10px;
  padding: 0 5px 5px 5px;
  background-color: #F4F4EE;
  font-size: 13px;
  width: 90px;
  z-index: 10000;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
  border: 1px solid #EEE;
}
.forecast-map-btn-wrap p {
  color: #999;
  line-height: 1.0;
  padding: 5px 0;
  font-size: 12px;
  text-align: center;
}

.forecast-map-btn-wrap a.history-btn {
  position: relative;
  background-color: #0B5DAA;
  display: block;
  height: 15px;
  margin-top: -1px;
  border-bottom: 2px solid #EEE;
}
.forecast-map-btn-wrap a.history-btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 5px;
  left: 40px;
  border-top: 6px solid #FFF;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.forecast-map-btn-wrap a.history-btn.active:after {
  top: -1px;
  border-top: 5px solid transparent;
  border-bottom: 6px solid #FFF;
}
.forecast-map-btn-wrap .forecast-map-history-wrap {
  position: relative;
  display: none;
}

.forecast-map-btn-wrap .forecast-map-history-box {
  background-color: #FFF;
  margin-bottom: 2px;
  text-align: center;
  width: 90px;
  height: 78px;
}
.forecast-map-btn-wrap .forecast-map-history-box a {
  display: block;
  padding: 0 2px;
  overflow: hidden;
  width: 86px;
  height: 78px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.forecast-map-btn-wrap .forecast-map-history-box .prob-precip {
  padding-left: 5px;
}
.forecast-map-btn-wrap .forecast-map-gps-btn a {
  display: block;
  background-color: #FFF;
  margin-bottom: 2px;
  background-image: url('..\\images\\icon\\search-gps_6815846.png');
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: 50% 10px;
  padding: 43px 5px 0px;
}
.forecast-map-btn-wrap .forecast-map-search-btn a {
  display: block;
  background-color: #FFF;
  background-image: url('..\\images\\icon\\glass_2883599.png');
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: 50% 10px;
  padding: 43px 5px 0px;
}

/* 地図上の「戻る」ボタン  */
.map-back-btn a {
  position: absolute;
  top: 2px;
  right: 122px;
  border: 1px solid #ddd;
  padding: 1px 7px 1px 20px;
  border-radius: 4px;
  background: #fff;
  font-size: 0.750em;
  color: #0B5DAA;
}
.map-back-btn a::after {
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: 2px solid #0b5caa;
  border-right: 2px solid #0b5caa;
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 8px;
}
.map-back-btn a:hover {
  background: #edf6ff;
}

/* 天気予報 pref */
#forecast-list-entries {
  margin: 3px 10px 2px 10px;
  font-size: 0.812em;
}
#forecast-list-entries li {
  float: left;
  text-align: center;
}
#forecast-list-entries li a {
  display: block;
  width: 162px;
  height: 53px;
  border-radius: 5px;
  margin-right: 8px;
  margin-bottom: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}
#forecast-list-entries li.all-point a {
  display: inline-block;
  margin-right: 0;
  padding: 14.5px 36px 14.5px 22px;
  background-color: #F4F4EE;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANCAMAAABxTNVSAAAAbFBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MsEJcTAAAAI3RSTlMA5OD7zz0lHQ8H9erb1MmLhHljTkQV8Ne9squklpFvWjUtKseR7hgAAAB8SURBVBjTXc5XAoMgFETRAYGgsZf0/va/xzBiQuL5UObyA0alLX69zN5Ci+weSJwS0ayyfeJjKsNWsAWzQ+TrsLIBGDPebkD5QYKex4G5nPOJscPszlxNwIWxwaLnMr7l74yvG7fm55gj6SSqGZNWqPL4d43vW2sK47B4A2q9DL1SWO6NAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 140px 24px;
  background-size: 10px 6px;
  width: 104px;
  height: 24px;
}
#forecast-list-entries li a:hover,
#forecast-list-entries li.all-point a:hover {
  background-color: #E9F4FE;
}
#forecast-list-entries li:nth-child(4) a {
  margin-right: 0;
}
#forecast-list-entries li p.name {
  line-height: 1;
  padding: 8px 0 1px;
}
#forecast-list-entries li p.temp-precip {
  margin-top: 5px;
  display: inline-block;
}
#forecast-list-entries li span.max-temp {
  margin-left: 1px;
}
#forecast-list-entries li span.prob-precip {
  margin-left: 4px;
}

.forecast-comment {
  background-color: #F4F4EE;
  margin: 0 10px;
  padding: 10px;
  font-size: 0.875em;
  line-height: 1.4;
}


/*** ピンポイント天気まわり ***/
/* 台風情報 */
.top-typhoon-news {
  margin-bottom: 10px;
  background-color: #edf6ff;
}
.top-typhoon-news a {
  display: block;
  padding: 10px;
  position: relative;
}
.top-typhoon-news a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.top-typhoon-news .img-box {
  display: table-cell;
  width: 80px;
  height: 60px;
  background-color: #CCC;
}
.top-typhoon-news .text {
  display: table-cell;
  color: #0B5DAA;
  vertical-align: middle;
  padding: 0 10px;
  line-height: 1.4;
  font-weight: bold;
}
.top-typhoon-news table {
  display: table-cell;
  font-size: 0.750em;
  text-align: center;
  vertical-align: middle;
}
.top-typhoon-news table th {
  font-size: 0.750em;
  font-weight: normal;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  background-color: #F4F4EE;
  padding: 0 7px;
}
.top-typhoon-news table th:last-child {
  border-right: 1px solid #CCC;
}
.top-typhoon-news table td {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #FFF;
}
.top-typhoon-news table td:last-child {
  border-right: 1px solid #CCC;
}
.top-typhoon-news table td.ten {
  background-color: #FFFFD5;
}
.top-typhoon-news table td.twenty {
  background-color: #FFFF9A;
}
.top-typhoon-news table td.thirty {
  background-color: #FFFF28;
}
.top-typhoon-news table td.fourty {
  background-color: #FFF300;
}
.top-typhoon-news table td.fifty {
  background-color: #FFDE00;
}
.top-typhoon-news table td.sixty {
  background-color: #FFC200;
}
.top-typhoon-news table td.seventy {
  background-color: #FFA000;
}
.top-typhoon-news table td.eighty {
  background-color: #FF8000;
  color: #FFF;
}
.top-typhoon-news table td.ninety {
  background-color: #FF5400;
  color: #FFF;
}
.top-typhoon-news table td.hundred {
  background-color: #F70000;
  color: #FFF;
}

/* 時間毎の切り替えのセレクトボタン */
.forecast-select-btn {
  margin-bottom: 20px;
}
.forecast-select-btn li {
  width: 25%;
  float: left;
  text-align: center;
  border-right: 2px solid #FFF;
  box-sizing: border-box;
  font-weight: bold;
  position: relative;
}
.forecast-select-btn li:last-child {
  border-right: 0;
}
.forecast-select-btn li.selected {
  padding: 18px 0;
  background-color: #1d53a4;
  color: #FFF;
}
.forecast-select-btn li.selected:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(1, 96, 194, 0);
  border-top-color: #1d53a4;
  border-width: 12px;
  margin-left: -12px;
}
.forecast-select-btn li a {
  display: block;
  padding: 18px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
}
.forecast-select-btn li a:hover {
  text-decoration: none;
}

.forecast-common-btn {
  margin: -30px auto 40px;
}

/* ピンポイント天気 今日・明日 */
.forecast-days-wrap {
  margin: 20px 0 40px;
}
.weather-wrap {
  width: 100%;
  text-align: center;
  display: table;
  margin: 0 0 20px 0;
}
.weather-wrap .weather-icon {
  display: table-cell;
  float: left;
  margin: 0 20px 0 15px;
}
.weather-wrap .weather-telop {
}

.forecast-days-wrap .date-value-wrap {
  display: table-cell;
  width: 175px;
  vertical-align: middle;
  text-align: right;
  line-height: 1em;
}

.forecast-days-temp-telop {
  text-align: left;
  height: 20px;
}
.forecast-days-temp-telop span {
  padding: 3px 15px 1px;
  line-height: 1;
  border-radius: 10px;
  font-size: 0.875em;
  display: inline-block;
}
.forecast-days-temp-telop span:first-child {
  margin-right: 5px;
}
.forecast-mousyo {
  color: #9b0000;
  border: 1px solid #9b0000;
}
.forecast-manatsu {
  color: #d81f1f;
  border: 1px solid #d81f1f;
}
.forecast-natsu {
  color: #f89e1c;
  border: 1px solid #f89e1c;
}
.forecast-mafuyu {
  color: #6fafff;
  border: 1px solid #6fafff;
}
.forecast-fuyu {
  color: #0160c2;
  border: 1px solid #0160c2;
}
.forecast-nettaiya {
  color: #651fd8;
  border: 1px solid #651fd8;
}

.date-value {
  display: table-cell;
  width: 175px;
  vertical-align: middle;
  text-align: right;
  line-height: 1em;
}
.date-value dt.sumarry {
  font-size: 1.125em;
  font-weight: bold;
  float: left;
  clear: left;
  padding-right: 10px;
}
.date-value dd.temp {
  float: left;
  width: 63px;
  margin-right: 5px;
}
.date-value dd.temp span.value {
  font-weight: bold;
  font-size: 1.62em;
}
.date-value dd.temp span.unit {
  font-size: 1.125em;
}
.date-value dd.tempdiff {
  font-size: 1.125em;
  float: left;
  margin-top: 2px;
}
.date-value dd.high-temp.temp {
  margin-bottom: 20px;
}

.forecast-days-wrap .weather-telop {
  margin-top: 5px;
}
.forecast-days-wrap .date-value {
  margin-top: 15px;
  display: block;
}
.forecast-days-wrap .date-value dd.high-temp.temp {
  margin-bottom: 15px;
}

.precip-table table {
  width: 100%;
}
.precip-table table th {
  background: #F4F4EE none repeat scroll 0 0;
}
.precip-table table th, .precip-table table td {
  font-size: 0.875em;
  font-weight: normal;
  border: 1px solid #CCC;
  width: 20%;
  text-align: center;
  padding: 8px 3px;
}
.precip-table table tr.rain-probability td {
  font-size: 1.125em;
}
.precip-table table tr.rain-probability td span.unit {
  font-size: 0.750em;
}
.precip-table table tr.wind-wave td {
  text-align: left;
  padding-left: 7px;
}


/* ピンポイント天気 1h,3h */
#forecast-point-1h-tomorrow,
#forecast-point-3h-tomorrow {
  margin-top: -20px;
}

#forecast-point-1h-dayaftertomorrow,
#forecast-point-3h-dayaftertomorrow {
  margin-bottom: 40px;
}

table.forecast-point-1h,
table.forecast-point-3h {
  border: 1px solid #CCC;
  border-collapse: collapse;
  border-spacing: 0;
  width: 1280px;
  margin-bottom: 20px;
}
table.forecast-point-3h {
  width: 690px;
}

table.forecast-point-1h th, table.forecast-point-1h td,
table.forecast-point-3h th, table.forecast-point-3h td {
  border: 1px solid #CCC;
  text-align: center;
  padding: 5px 0;
  font-size: 0.750em;
}
table.forecast-point-3h th, table.forecast-point-3h td {
  font-size: 0.875em;
}
table.forecast-point-1h tr.head th, table.forecast-point-1h tr.head td,
table.forecast-point-3h tr.head th, table.forecast-point-3h tr.head td {
  background-color: #F4F4EE;
}
table.forecast-point-3h tr.head th {
  width: 280px;
}
table.forecast-point-1h tr.head td p {
  font-weight: bold;
  font-size: 1.250em;
}
table.forecast-point-3h tr.head td p {
  font-weight: bold;
  font-size: 1.125em;
}
table.forecast-point-1h tr.head td span.rokuyoh,
table.forecast-point-3h tr.head td span.rokuyoh {
  display: inline;
  font-size: 0.875em;
  font-weight: normal;
  margin-left: 5px;
}
table.forecast-point-3h tr.head td span.rokuyoh {
  font-size: 0.750em;
}
table.forecast-point-1h td,
table.forecast-point-3h td {
  padding: 0;
}
table.forecast-point-1h th span.unit,
table.forecast-point-3h th span.unit {
  font-size: 0.750em;
}

table.forecast-point-1h tr.temp-telop td,
table.forecast-point-3h tr.temp-telop td {
  padding: 2px 0 0;
}
table.forecast-point-1h tr.temp-telop span,
table.forecast-point-3h tr.temp-telop span {
  padding: 3px 15px 1px;
  line-height: 1;
  border-radius: 10px;
  display: inline-block;
}
table.forecast-point-3h tr.temp-telop span {
  font-size: 0.875em;
}

/* ピンポイント天気 10日間 */
table.forecast-point-10days {
  width: 100%;
  border: 1px solid #CCC;
  text-align: center;
  font-size: 0.875em;
  margin-bottom: 5px;
}
table.forecast-point-10days th {
  background-color: #EDF6FF;
  height: 55px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
table.forecast-point-10days tr.tr-name th {
  background-color: #F4F4EE;
  height: 40px;
}
table.forecast-point-10days th.forecast-10days-indexes {
  width: 230px;
  font-size: 0.875em;
}
table.forecast-point-10days th.forecast-10days-indexes ul li {
  margin: 4px 0;
  text-align: left;
  background-color: #FFF;
  border-radius: 2px;
  display: inline-block;
  width: 170px;
  line-height: 1.0;
  padding: 3px 10px;
}
table.forecast-point-10days th.forecast-10days-indexes ul li a {
  display: block;
}
table.forecast-point-10days th.forecast-10days-indexes ul li:last-child {
  float: none;
  border-right: 0;
  margin-top: 0;
}
table.forecast-point-10days th.forecast-10days-indexes ul li img {
  vertical-align: middle;
  padding-right: 5px;
}
table.forecast-point-10days td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 59px;
}
table.forecast-point-10days td.time {
  width: 13%;
}
table.forecast-point-10days td.weather {
  width: 17%;
}
table.forecast-point-10days td.temp,
table.forecast-point-10days td.prob-precip,
table.forecast-point-10days td.precip,
table.forecast-point-10days td.humidity,
table.forecast-point-10days td.wind {
  width: 11%;
}
table.forecast-point-10days span.forecast-telop {
  margin-left: 5px;
  display: inline-block;
  padding-top: 5px;
}
table.forecast-point-10days span.high-temp {
  padding-right: 10px;
}
table.forecast-point-10days th:last-child,
table.forecast-point-10days td:last-child {
  border-right: 0;
}
table.forecast-point-10days td span.wind-speed {
  display: block;
  padding-bottom: 5px;
}
.forecast-info,
.leisure-forecast-info {
  font-size: 0.750em;
  margin: -30px 0 40px 0;
}

/* 10日間から2週間に予報が伸びた体裁 */
.forecast10days-notice {
  font-size: 0.750em;
  position: relative;
  line-height: 1;
  margin: -10px 0 20px;
}
.forecast10days-list {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 30px;
}
.forecast10days-list .forecast10days-title,
.forecast10days-list .forecast10days-actab {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-self: center;
  box-sizing: border-box;
  position: relative;
  padding: 10px 0;
}
.forecast10days-list .forecast10days-title {
  background-color: #f4f4ee;
}
.forecast10days-list .forecast10days-actab {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
}
.forecast10days-list .forecast10days-title div,
.forecast10days-list .forecast10days-actab div {
  box-sizing: border-box;
  text-align: center;
  font-size: 0.875em;
  line-height: 1;
  width: 18%;
}
.forecast10days-list .forecast10days-title div {
  font-weight: bold;
}
.forecast10days-list .forecast10days-title div.forecast,
.forecast10days-list .forecast10days-actab div.forecast {
  width: 24%;
  align-self: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.forecast10days-list .forecast10days-actab div.temp .high-temp {
  width: 46px;
  text-align: right;
  display: inline-block;
}
.forecast10days-list .forecast10days-actab div.temp .low-temp {
  width: 46px;
  text-align: right;
  display: inline-block;
}
.forecast10days-list .forecast10days-actab div.forecast > span {
  font-size: 0.875em;
  font-weight: normal;
  padding-left: 5px;
}
.forecast10days-list .forecast10days-actab div.forecast10days-actab-content {
  width: 100%;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s;
  font-weight: normal;
}
.forecast10days-list .forecast10days-actab div.accuracy {
  width: 18%;
}
.forecast10days-list .forecast10days-actab div.accuracy > span {
  color: #5c5c5c;
  background-color: #f4f4ee;
  border-radius: 3px;
  padding: 0 5px;
}
.forecast10days-actab input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.forecast10days-actab input:checked + label::before {
  content: "－";
}
.forecast10days-actab input:checked ~ .forecast10days-actab-content {
  max-height: 200em;
}
.forecast10days-actab label {
  line-height: 1;
  position: relative;
  display: block;
  cursor: pointer;
}
.forecast10days-actab label::before {
  content: "＋";
  display: inline-block;
  color: #62bcfe;
  font-weight: bold;
  font-size: 1.275em;
}
/* アコーディオンの中身 */
.forecast10days-actab-content-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  border-top: 1px dotted #eeeeee;
}
.forecast10days-actab-content-list dt {
  width: 14%;
  font-size: 0.750em;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background-color: #f4f4ee;
}
.forecast10days-actab-content-list dd {
  width: 86%;
  padding: 0 2%;
  font-size: 0.875em;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
  align-items: center;
  align-self: center;
}
.forecast10days-actab-content-list dt.time {
  margin-top: 10px;
  padding-top: 10px;
}
.forecast10days-actab-content-list dd.time-item {
  padding: 0 4%;
  font-weight: bold;
  margin-top: 10px;
}
.forecast10days-actab-content-list dd.forecast-item {
  padding: 0 5%;
}
.forecast10days-actab-content-list dt.prob-precip,
.forecast10days-actab-content-list dt.precip {
  padding: 5px 0;
}
.forecast10days-actab-content-list dd.prob-precip-item,
.forecast10days-actab-content-list dd.precip-item {
  padding: 0 5%;
}
.forecast10days-actab-content-list dd.forecast-item > p,
.forecast10days-actab-content-list dd.prob-precip-item > span,
.forecast10days-actab-content-list dd.precip-item > span {
  width: 25%;
  text-align: center;
  border-left: 1px solid #eeeeee;
  padding: 5px 0;
  align-self: stretch;
  align-items: center;
  display: flex;
  justify-content: center;
}
.forecast10days-actab-content-list dd.forecast-item > p:last-of-type,
.forecast10days-actab-content-list dd.prob-precip-item > span:last-of-type,
.forecast10days-actab-content-list dd.precip-item > span:last-of-type {
  border-right: 1px solid #eeeeee;
}
.forecast10days-actab-content-list dd.temp-item,
.forecast10days-actab-content-list dd.humidity-item {
  padding: 0 1%;
}
.forecast10days-actab-content-list dd.precip-item > span {
  position: relative;
}
.forecast10days-actab-content-list dd.precip-item > span.past::after {
  content: "---";
  position: absolute;
  left: -8px;
  bottom: -37px;
}
.forecast10days-actab-content-list dd.precip-item > span.past::before {
  content: "---";
  position: absolute;
  bottom: -102px;
  left: -8px;
}
.forecast10days-actab-content-list dd.wind-item {
  padding: 0 20px;
}
.forecast10days-actab-content-list dd.wind-item p {
  width: 32px;
}

/* 10日間(8日間)天気パーツ */
.forecast-point-week-wrap {
  margin-bottom: 40px;
}
.forecast-point-week {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 10px;
}
.forecast-point-week td.cityday {
  background-color: #F4F4EE;
  font-size: 0.875em;
}
.forecast-point-week th, .forecast-point-week td {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.forecast-point-week th {
  background-color: #F4F4EE;
  width: 8%;
  font-weight: normal;
  font-size: 0.875em;
}
.forecast-point-week td {
  width: 11.5%;
}
.forecast-point-week td.weather-icon p {
  font-size: 0.750em;
  line-height: 1.3;
  padding-top: 5px;
}
.forecast-point-week .high-temp, .forecast-point-week .low-temp, .forecast-point-week .precip {
  font-size: 1.125em;
}
.precip span.unit {
  font-size: 0.750em;
}

/* 11日間天気 */
.forecast-days-long th {
  width: 6%;
}
.forecast-days-long td {
  width: 10%;
}
.forecast-days-long td.cityday {
  line-height: 1.4;
}


/* 今日のアメダスの記録 */
.amedas-extreme-pickup-entries {
  margin-bottom: 10px;
}
.amedas-extreme-pickup-entries li {
  margin: 0 10px 10px 0;
  text-align: center;
  float: left;
  width: 18.8%
}
.amedas-extreme-pickup-entries li:nth-child(5n) {
  margin-right: 0;
}
.amedas-extreme-pickup-entries li a {
  display: block;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 5px 0;
}
.amedas-extreme-pickup-entries li a .img-box {
  height: 110px;
  overflow: hidden;
}
.amedas-extreme-pickup-entries li a img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0 0;
}
.amedas-extreme-pickup-entries li p.temp {
  line-height: 1.4;
}
.amedas-extreme-pickup-entries p.temp .max-temp {
  color: #FF0000;
  padding-right: 2px;
}
.amedas-extreme-pickup-entries p.temp .min-temp {
  color: #0096FF;
  padding-left: 2px;
}
.amedas-extreme-pickup-entries p.time {
  font-size: 0.750em;
  line-height: 1.4;
  margin-bottom: 5px;
}
.amedas-extreme-pickup-entries li p.time .max-temp-time {
  padding-right: 10px;
}
.amedas-extreme-pickup-entries li p.precip {
  position: relative;
  padding-left: 20px;
  display: inline-block;
}
.amedas-extreme-pickup-entries li p.precip:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 16px;
  height: 20px;
  background-image: url(..\\images\\icon\\amedas\\precip_3473489.png);
  background-repeat: no-repeat;
  background-size: 16px 20px;
}
.amedas-extreme-pickup-entries li p.precip .unit {
  padding-left: 2px;
}
.amedas-extreme-pickup-entries li p .unit {
  font-size: 0.750em;
}

/* アメダスランキング・指数パーツ */
.common-amedas-ranking-indexes-wrap {
  margin-bottom: 20px;
}
.common-amedas-ranking-indexes-wrap-1h {
  margin: 0 auto 40px;
  width: 692px;
}

.common-amedas-ranking-parts {
  float: left;
  width: 442px;
  background-color: #edf6ff;
  padding: 0 10px 9px 10px;
}
.common-amedas-ranking-parts h3 {
  font-size: 1.125em;
  margin-bottom: 0;
  border-bottom: 0;
  padding: 12px 0 8px 37px;
  line-height: 1;
  background-image: url('..\\images\\icon\\amedas\\graph_1507330.png');
  background-repeat: no-repeat;
  background-size: 27px 20px;
  background-position: 0px 50%;
}
.common-amedas-ranking-parts .date-time {
  font-size: 0.750em;
  top: 15px;
}

.common-amedas-ranking-wrap {
  position: relative;
  margin-bottom: 10px;
}

.common-amedas-ranking-box {
  float: left;
  width: 216px;
  margin-right: 10px;
}
.common-amedas-ranking-box a {
  position: relative;
  background-color: #FFF;
  display: block;
  border-radius: 6px;
}
.common-amedas-ranking-box a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
  border-left: 5px solid transparent;
}
.common-amedas-ranking-box li:first-child {
  border-radius: 6px 6px 0 0;
  padding: 3px 5px 3px 8px;
  background-color: #0160c2;
}
.common-amedas-ranking-box li:first-child .title {
  font-weight: bold;
  color: #FFF;
}
.common-amedas-ranking-box li:first-child .value {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 95px;
  background-color: #FFF;
  border-radius: 4px;
  padding: 2px 5px;
  text-align: center;
  line-height: 1;
}
.common-amedas-ranking-box li:first-child .value .unit {
  font-size: 0.750em;
  padding: 0 0 0 5px;
}
.common-amedas-ranking-box li:nth-child(2) {
  display: table;
  width: 100%;
  padding: 15px 0 10px;
  height: 45px;
}
.common-amedas-ranking-box .img-box {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.common-amedas-ranking-box .ranking-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.common-amedas-ranking-box .ranking {
  position: relative;
}
.common-amedas-ranking-box .rank {
  font-size: 1.500em;
  font-weight: bold;
}
.common-amedas-ranking-box ranking-box .unit {
  font-size: 0.875em;
  padding: 0 5px;
  font-weight: bold;
}
.common-amedas-ranking-box .total-number {
  font-size: 0.750em;
  padding-left: 5px;
}
.common-amedas-ranking-box .text {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  margin-top: 10px;
}

.common-amedas-ranking-precip {
  margin-right: 0;
}

.common-amedas-ranking-parts .text-attention {
  font-size: 0.750em;
  margin-bottom: 9px;
  line-height: 1;
}

.common-amedas-ranking-parts .generations-rank-link a {
  background-image: url('..\\images\\icon\\amedas\\graph_1507330.png');
  background-repeat: no-repeat;
  background-size: 16px 12px;
  background-position: 10px 50%;
}

.common-indexes-pickup-wrap {
  float: left;
  width: 200px;
  background-color: #edf6ff;
  margin-left: 10px;
  padding: 10px 10px 0 10px;
}

.common-indexes-pickup {
  font-size: 0.875em;
  text-align: left;
  width: 100%;
}
.common-indexes-pickup li {
  font-weight: normal;
  padding-bottom: 10px;
}
.common-indexes-pickup li a {
  display: block;
}
.common-indexes-pickup .title {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
}
.common-indexes-pickup .body {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  background-color: #FFF;
  border-radius: 4px;
  padding: 6px 5px 6px 10px;
  width: 150px;
}
.common-indexes-pickup .body:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.common-indexes-pickup .img-box {
  float: left;
  margin-right: 10px;
}
.common-indexes-pickup img {
  vertical-align: middle;
}
.common-indexes-pickup .telop {
  float: left;
}

.forecast-more-link-wrap {
  margin: -30px 0 40px;
}
.forecast-more-link-wrap .generations-rank-link {
  float: left;
}

/* GW天気 10日間天気 */
.week-index-table {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin: 0 0 20px;
  font-size: 0.875em;
}
.week-index-table th, .week-index-table td {
  padding: 5px 0;
  text-align: center;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.week-index-table th {
  background-color: #F4F4EE;
  font-weight: normal;
  line-height: 1.4;
  font-size: 0.875em;
}
.week-index-table td {
  width: 8%;
}
.week-index-table td.forecast-wrap {
  line-height: 1.8;
}
.week-index-table td.area-name a {
  color: #0B5DAA;
  display: block;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.4;
}
.week-index-table td.area-name span.point-name {
  display: block;
}
.week-index-table td.point-name a {
  display: block;
  color: #0B5DAA;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
}
.week-index-table td.point-name span.city-name {
  display: block;
  padding-top: 5px;
  font-size: 0.750em;
  line-height: 1.4;
}
.week-index-table td.forecast-wrap span.forecast-telop {
  font-size: 0.750em;
}
.week-index-table td.forecast-wrap span.high-temp {
  padding-right: 2px;
}
.week-index-table td.forecast-wrap span.low-temp {
  padding-left: 2px;
}

/** 10日間 10日間から2週間に予報が伸びた体裁 **/
.forecast10days-notice {
  font-size: 0.750em;
  position: relative;
  line-height: 1;
  margin-bottom: 10px;
}
.week-select-tab {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 2px solid #1d53a4;
  position: relative;
  bottom: -1px;
}
.week-select-tab li {
  display: table-cell;
  text-align: center;
  position: relative;
  vertical-align: middle;
}
.week-select-tab li a {
  display: block;
  /*padding: 9px 0 8px;*/
  padding: 17px 0;
  background-color: #d9d9d4;
  color: #1d53a4;
  border-right: 2px solid #FFF;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  line-height: 1;
}
.week-select-tab li a .subtitle {
  display: block;
  font-size: 0.750em;
  padding-top: 5px;
  font-weight: normal;
}
.week-select-tab li a.selected {
  background-color: #1d53a4;
  color: #FFF;
}
.week-select-tab li:last-child a {
  border-right: 0;
  /*padding: 17px 0;*/
}

.table-scroll {
  overflow: auto;        /*tableをスクロールさせる*/
  white-space: nowrap;   /*tableのセル内にある文字の折り返しを禁止*/
  margin-bottom: 20px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}
.table-scroll::-webkit-scrollbar{     /*tableにスクロールバーを追加*/
  height: 10px;
}
.table-scroll::-webkit-scrollbar-track{   /*tableにスクロールバーを追加*/
  background: #F1F1F1;
}
.table-scroll::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/
  background: #BCBCBC;
}
.table-scroll table {
  margin-bottom: 0;
}

.week-weekend-table th.index,
.week-weekend-table th.thisweek,
.week-weekend-table th.nextweek,
.week-weekend-table th.date:nth-child(3),
.week-weekend-table th.date:nth-child(6),
.week-weekend-table td:nth-child(1),
.week-weekend-table td:nth-child(4),
.week-weekend-table td:nth-child(7) {
  border-right: 2px solid #7bb3f1;
}
.week-weekend-table th.thisweek,
.week-weekend-table th.nextweek {
  font-size: 1.125em;
  font-weight: bold;
  background-color: #edf6ff;
  line-height: 1;
  padding: 10px 0 9px;
}
.week-thisweek-table td .precip,
.week-nextweek-table td .precip,
.week-weekend-table td .precip {
  display: inline-block;
}
.week-thisweek-table td .accuracy,
.week-nextweek-table td .accuracy,
.week-weekend-table td .accuracy {
  display: inline-block;
  background-color: #f4f4ee;
  border-radius: 5px;
  padding: 4px 5px 2px;
  line-height: 1;
  margin-left: 8px;
}
.week-thisweek-table {
  border-left: 0;
  border-collapse: separate;
}
.week-thisweek-table td {
  width: 70px;
  min-width: 70px;
}
.week-thisweek-table th:last-child,
.week-thisweek-table td:last-child {
  border-right: 0;
}
.week-thisweek-table td.area-name,
.week-thisweek-table td.point-name {
  width: 90px;
  min-width: 90px;
}
.week-thisweek-table th.index {
  position: sticky;
  position: -webkit-sticky;
  /*position: -moz-sticky;*/
  left: 0;
  /*background-clip: padding-box;*/
}
.week-thisweek-table td.area-name,
.week-thisweek-table td.point-name {
  position: sticky;
  position: -webkit-sticky;
  /*position: -moz-sticky;*/
  left: 0;
  background-color: #FFF;
  /*background-clip: padding-box;*/
}
/*.week-thisweek-table th.index:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 90px;
  height: 45px;
  border: 1px solid #CCC;
  border-top: 0;
  top: 0;
}
.week-thisweek-table td.area-name:before,
.week-thisweek-table td.point-name:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /*top: -1px;*/
  /*left: -1px;*/
  width: 90px;
  height: 115px;
  /*border: 1px solid #CCC;*/
  border-right: 1px solid #CCC;
}*/

.gw-common-select-btn li {
  width: 50%;
  font-size: 1.125em;
}
.gw-common-select-btn li.select-in-country a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD///8fT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5kfT5m6lCNcAAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAAGASURBVHhe7dXrbsMgDAVgD0MJIVzy/i87baviKXWabDtUmuTz2+QTxgR6e0FehdDfsp6lPEXCR3gkEpd7TZt5EBLb97KFByCu7Op6hCOuPlbOKEQMJRMWKXptQCJRgJKyDEBzQGT77Pz51bAxCYbIRuL+iBoOWe7GsrFeTgWDyBovbpZ+YZBwN7rSwYJGigJXNNK0WUAjKwuShyF5M7jj26XcE/TBuy9BJpbrxmYUQl2UNqe0rJIJe+P1BBgyHRqdYAgfIgsOoXqERCAyHXYLiLiuI/NPkClIvIJQ1hEmPeeDqCGsGpmgiL4VBiPctY2AEUoPRmf6fXTEtT2SCI7QbWdUgiL6b9IPQVy73Kykha8gFJRmYaZLn7DOwxAqsmAc4qo8usMQ8l2uOhwRRQ59HEJxrW44QjdH4xGJIYYYcj2GhKQkfgKcznMNUcuKvPQn+X+IIYYYYoghhhjiy1GqCmwF/jqi58keSTIIMcQFJR6MBNXHIYYYYoghhozPa5B3e3FJFFh01fEAAAAASUVORK5CYII=);
  background-size: 31px 31px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.gw-common-select-btn li.select-in-country.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAAGASURBVHhe7dXrbsMgDAVgD0MJIVzy/i87baviKXWabDtUmuTz2+QTxgR6e0FehdDfsp6lPEXCR3gkEpd7TZt5EBLb97KFByCu7Op6hCOuPlbOKEQMJRMWKXptQCJRgJKyDEBzQGT77Pz51bAxCYbIRuL+iBoOWe7GsrFeTgWDyBovbpZ+YZBwN7rSwYJGigJXNNK0WUAjKwuShyF5M7jj26XcE/TBuy9BJpbrxmYUQl2UNqe0rJIJe+P1BBgyHRqdYAgfIgsOoXqERCAyHXYLiLiuI/NPkClIvIJQ1hEmPeeDqCGsGpmgiL4VBiPctY2AEUoPRmf6fXTEtT2SCI7QbWdUgiL6b9IPQVy73Kykha8gFJRmYaZLn7DOwxAqsmAc4qo8usMQ8l2uOhwRRQ59HEJxrW44QjdH4xGJIYYYcj2GhKQkfgKcznMNUcuKvPQn+X+IIYYYYoghhhjiy1GqCmwF/jqi58keSTIIMcQFJR6MBNXHIYYYYoghhozPa5B3e3FJFFh01fEAAAAASUVORK5CYII=);
  background-size: 31px 31px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.gw-common-select-btn li.select-overseas a {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD///8fTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJAfTJCFJ76FAAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAASwSURBVHhe7Znrkp0gDIApyP3q+79sZyUQkaOo5UynM80v1sP6EZKQBMmvRkgRJo333mlBXkn72s8Q7tciybKvQBggiugvQJa0HiTQ2RAOgJYyEwJ69JS5kLB+FD0TogsgmYVQgS7AJkJSscKSJ8sCsfMgouhRF67Kk3kQ25sgAkVMg8TeAhq5kyArSEVg3PhvQsTXIAtCzHRI77A0fQ2y8gKxheumQUKBJJH1AMZU73JrFa84N+DSc+NErafCpkGWU0aceEDGM4iZCLFnED4RcrZf8Z/LjER+ZCQ6FfLZ9JbMhHxWJbHJEBLPLMKV9iBWC/ZHEP7JItSE7qmT7DWEuCNEkLP48ZK+hLDUMjxq10vS9BWEqIPV2+iJPeYppN8wCRULiKS9dcQbCE1NiCxtxLC1E0efQwjfdw005uXWtGI3mm2U4c8hWJ0u8M5AJSgCqsRD2KrnEGKr9+aXU+KxVnL5J964oX0OIQGMvkATROuJD1xTCj/vgPIcQkO2coJ2TmJ+RKDM6iqgPIMw80OxGyobhth9fvSND0QKG2duQVALSQjNDLBp3NfIGvYSPE+XVlM+gNgyX9cClZYRuripo7SYBM54GyJhVdRj9c3bJIxI1zXjjw5Ilc+PKFnRCSNuw2/ww/lsnhz1Ka4oyesNSNuGwtjQaJH1fpC0BJF94bJdHGnjve/Tp2VZPT+E1Ch0MLotgpSTU96AyFoCMdi2kQQIRDBcHELApLoekmq7X0sngOg0J9sNQ8IUIYaQBRQpDsB2Xh0AVkZpf5guGFdDiMV4qLp3How+jCvQqAobQWBW8TK7h5Cd6OrSYDyPrq0GEIE9qAJX6RbeqxbBKJgYxv2J3O80QtIeohDSWC/m4bjTov3i/bGT5wBBtQTul7yE7M/a5thNHyG6/QMteQnZzaZodyT2ELS8xZnhErIzJ/DGEPwZd3l8qcYQIguka4BpA4kIya+4goCxO/chqFb/BJ0EfXsEiTD5JUQOIXGdI/oK8gjwHxImQeRr77J8L82TbXF5aLbhX48TfYh4fjPi/SHi6RVE/fnZtbUBD07hZxC7411CyJx8oq8hvs2McZwZ0UkwM4priD7keHarkLCHHD+8g2yrFXELEtpqxQ0gUG3U+aYts1BMV3ehTnIEUWjD1FeQjHOtJeenFSQUuQMI/VgLM71e3Bq6tha2ZADBYhgWqMiiXFrPxBu55HVhI8jGEAZrLEqldSSphqKF0QgCM13u5u+LrI0gG0FQZ0F1r4MWPIvyHcUJGtEfRxCij9vkjVgMlt/oFFy5eNi2RG9A+oY0NY1E1yyorkG9BckXJaiObC86Dpcgsbn8tOQeBK/SFZW4A823f5H9HBveJeCtxwjSfsEMDJv6ej7j7/xHadgjVe5vHkCIhX/i1T81DHCPqpf7Op08gKDxVdZpafvUBUwC1zA8YKw8glCIhJDKGhM6qIYe1+6mrAkZY0j3QRYocIpj99nNeAEhuqFIUd2WZ0dqoj4A4ynkcO/rUnEpX/5EsZS8hBDq+ishCJLui8BjCIqIR4oVqAKq8QqCIjtMf2VHXkMQE84JCRCvISiL+ayOk5SQKRDg1NSBSQYIQ8hvxIToBYhZuwMAAAAASUVORK5CYII=);
  background-size: 35px 35px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.gw-common-select-btn li.select-overseas.selected {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAABAgMEBQYHCAj5+vv8/f7/4ucL8AAASwSURBVHhe7Znrkp0gDIApyP3q+79sZyUQkaOo5UynM80v1sP6EZKQBMmvRkgRJo333mlBXkn72s8Q7tciybKvQBggiugvQJa0HiTQ2RAOgJYyEwJ69JS5kLB+FD0TogsgmYVQgS7AJkJSscKSJ8sCsfMgouhRF67Kk3kQ25sgAkVMg8TeAhq5kyArSEVg3PhvQsTXIAtCzHRI77A0fQ2y8gKxheumQUKBJJH1AMZU73JrFa84N+DSc+NErafCpkGWU0aceEDGM4iZCLFnED4RcrZf8Z/LjER+ZCQ6FfLZ9JbMhHxWJbHJEBLPLMKV9iBWC/ZHEP7JItSE7qmT7DWEuCNEkLP48ZK+hLDUMjxq10vS9BWEqIPV2+iJPeYppN8wCRULiKS9dcQbCE1NiCxtxLC1E0efQwjfdw005uXWtGI3mm2U4c8hWJ0u8M5AJSgCqsRD2KrnEGKr9+aXU+KxVnL5J964oX0OIQGMvkATROuJD1xTCj/vgPIcQkO2coJ2TmJ+RKDM6iqgPIMw80OxGyobhth9fvSND0QKG2duQVALSQjNDLBp3NfIGvYSPE+XVlM+gNgyX9cClZYRuripo7SYBM54GyJhVdRj9c3bJIxI1zXjjw5Ilc+PKFnRCSNuw2/ww/lsnhz1Ka4oyesNSNuGwtjQaJH1fpC0BJF94bJdHGnjve/Tp2VZPT+E1Ch0MLotgpSTU96AyFoCMdi2kQQIRDBcHELApLoekmq7X0sngOg0J9sNQ8IUIYaQBRQpDsB2Xh0AVkZpf5guGFdDiMV4qLp3How+jCvQqAobQWBW8TK7h5Cd6OrSYDyPrq0GEIE9qAJX6RbeqxbBKJgYxv2J3O80QtIeohDSWC/m4bjTov3i/bGT5wBBtQTul7yE7M/a5thNHyG6/QMteQnZzaZodyT2ELS8xZnhErIzJ/DGEPwZd3l8qcYQIguka4BpA4kIya+4goCxO/chqFb/BJ0EfXsEiTD5JUQOIXGdI/oK8gjwHxImQeRr77J8L82TbXF5aLbhX48TfYh4fjPi/SHi6RVE/fnZtbUBD07hZxC7411CyJx8oq8hvs2McZwZ0UkwM4priD7keHarkLCHHD+8g2yrFXELEtpqxQ0gUG3U+aYts1BMV3ehTnIEUWjD1FeQjHOtJeenFSQUuQMI/VgLM71e3Bq6tha2ZADBYhgWqMiiXFrPxBu55HVhI8jGEAZrLEqldSSphqKF0QgCM13u5u+LrI0gG0FQZ0F1r4MWPIvyHcUJGtEfRxCij9vkjVgMlt/oFFy5eNi2RG9A+oY0NY1E1yyorkG9BckXJaiObC86Dpcgsbn8tOQeBK/SFZW4A823f5H9HBveJeCtxwjSfsEMDJv6ej7j7/xHadgjVe5vHkCIhX/i1T81DHCPqpf7Op08gKDxVdZpafvUBUwC1zA8YKw8glCIhJDKGhM6qIYe1+6mrAkZY0j3QRYocIpj99nNeAEhuqFIUd2WZ0dqoj4A4ynkcO/rUnEpX/5EsZS8hBDq+ishCJLui8BjCIqIR4oVqAKq8QqCIjtMf2VHXkMQE84JCRCvISiL+ayOk5SQKRDg1NSBSQYIQ8hvxIToBYhZuwMAAAAASUVORK5CYII=);
  background-size: 35px 35px;
  background-position: 115px 50%;
  background-repeat: no-repeat;
}
.gw-common-select-btn li h3 {
  font-size: inherit;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}

.gw-spot-tag-box {
  margin-top: 20px;
}
.common-spot-tag {
  margin-bottom: 15px;
}
.common-spot-tag li {
  background-color: #f4f4ee;
  border-radius: 4px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  font-size: 0.750em;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.common-spot-tag li a {
  display: block;
  padding: 0px 10px;
  color: #444;
}
.common-spot-tag li a:hover {
  background-color: #edf6ff;
  opacity: 1;
  color: #0B5DAA;
  text-decoration: none;
}

/* 注意文言を表示 */
.help-atention-box {
  text-align: right;
  position: relative;
}
.help-atention-point {
  display: inline-block;
  font-size: 0.750em;
  position: relative;
  padding-right: 20px;
  line-height: 1;
  margin-bottom: 10px;
  color: #999;
}
.help-atention-point:after {
  content: "？";
  display: inline-block;
  color: #FFF;
  background-color: #999;
  border: 1px solid #999;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: -1px;
}
.help-atention-text {
  display: none;
  position: absolute;
  width: 600px;
  padding: 5px 10px 10px 5px;
  background-color: #FFF;
  border: 1px solid #888;
  right: 0px;
  z-index: 1000;
  font-size: 0.750em;
  text-align: left;
}
.help-atention-text .title {
  font-weight: bold;
  text-align: center;
  font-size: 1.125em;
}
.help-atention-text ul {
  /*list-style: disc;*/
  padding-left: 2em;
  line-height: 1.4;
}

.forecast10days-wrap .help-atention-box {
  margin: -20px 0 30px;
}
.forecast10days-wrap .help-atention-text {
  top: 24px;
}

/* 旧・世界の主要都市の天気 */
.gw-world-popular-list a {
  padding-left: 50px;
  background-size: 34px 25px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
}
.gw-world-popular-list a.gw-world-Honolulu,
.gw-world-popular-list a.gw-world-Guam,
.gw-world-popular-list a.gw-world-NewYork,
.gw-world-popular-list a.gw-world-LosAngeles {
  background-image: url('..\\images\\icon\\world\\US_8126590.png');
}
.gw-world-popular-list a.gw-world-Seoul {
  background-image: url('..\\images\\icon\\world\\KR_8192096.png');
}
.gw-world-popular-list a.gw-world-Taipei {
  background-image: url('..\\images\\icon\\world\\TW_7864447.png');
}
.gw-world-popular-list a.gw-world-Singapore {
  background-image: url('..\\images\\icon\\world\\SG_6815864.png');
}
.gw-world-popular-list a.gw-world-Bangkok {
  background-image: url('..\\images\\icon\\world\\TH_6750335.png');
}
.gw-world-popular-list a.gw-world-London {
  background-image: url('..\\images\\icon\\world\\UK_6553726.png');
}
.gw-world-popular-list a.gw-world-Cairns {
  background-image: url('..\\images\\icon\\world\\AU_7995498.png');
}
.gw-world-popular-list a.gw-world-HongKong {
  background-image: url('..\\images\\icon\\world\\HK_6553699.png');
}
.gw-world-popular-list a.gw-world-Shanghai {
  background-image: url('..\\images\\icon\\world\\CN_6357096.png');
}

/* 新・世界の主要都市の天気 */
.gw-world-popular-list-box a {
  display: block;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 0.812em;
}
.gw-world-popular-list-box {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.gw-world-popular-list-box li {
  width: 107px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.gw-world-popular-list-box li:nth-of-type(6n) {
  margin-right: 0;
}
.gw-world-popular-list p.gw-world-popular-list-title {
  padding-left: 25px;
  background-size: 17px 12px;
  background-position: 5px 50%;
  background-repeat: no-repeat;
}
.gw-world-popular-list a {
  padding: 5px 0;
}
.gw-world-popular-list p.gw-world-Honolulu,
.gw-world-popular-list p.gw-world-Guam,
.gw-world-popular-list p.gw-world-NewYork,
.gw-world-popular-list p.gw-world-LosAngeles {
  background-image: url(..\\images\\icon\\world\\US_8126590.png);
}
.gw-world-popular-list p.gw-world-Seoul {
  background-image: url(..\\images\\icon\\world\\KR_8192096.png);
}
.gw-world-popular-list p.gw-world-Taipei {
  background-image: url(..\\images\\icon\\world\\TW_7864447.png);
}
.gw-world-popular-list p.gw-world-Singapore {
  background-image: url(..\\images\\icon\\world\\SG_6815864.png);
}
.gw-world-popular-list p.gw-world-Bangkok {
  background-image: url(..\\images\\icon\\world\\TH_6750335.png);
}
.gw-world-popular-list p.gw-world-London {
  background-image: url(..\\images\\icon\\world\\UK_6553726.png);
}
.gw-world-popular-list p.gw-world-Cairns {
  background-image: url(..\\images\\icon\\world\\AU_7995498.png);
}
.gw-world-popular-list p.gw-world-HongKong {
  background-image: url(..\\images\\icon\\world\\HK_6553699.png);
}
.gw-world-popular-list p.gw-world-Shanghai {
  background-image: url(..\\images\\icon\\world\\CN_6357096.png);
}
.gw-world-popular-list p.gw-world-popular-list-weather {
  margin-top: 5px;
  text-align: center;
}
.gw-world-popular-list.old a {
  padding: 5px 10px 5px 55px;
}


.gw-world-list-wrap h4 {
  margin-bottom: 5px;
}
.gw-world-list-wrap h4 a {
  position: relative;
  display: block;
  padding: 5px 0 5px 10px;
  background-color: #edf6ff;
  color: #0061ca;
  font-size: 1.125em;
}
.gw-world-list-wrap h4 a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}
.gw-world-list-wrap h5 {
  margin: 14px 0 0 10px;
}
.gw-world-list-wrap .forecast-point-entries {
  margin-bottom: 10px;
}

.gw-satellite-world-link a {
  display: block;
}
.gw-satellite-world-link a img {
  width: 320px;
  height: auto;
}

/* おすすめ記事・ピックアップ */
.gw-pickup-entries span.pickup,
.pickup-entries span.pickup {
  position: relative;
  font-size: 0.5em;
  padding: 5px;
  display: inline-block;
  background-color: #f89e1c;
  line-height: 1.0;
  border-radius: 4px;
  margin-left: 10px;
  color: #FFF;
  font-weight: normal;
  vertical-align: top;
}
.gw-pickup-entries span.pickup:after,
.pickup-entries span.pickup:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 5px;
  left: -7px;
  border-top: 4px solid transparent;
  border-right: 4px solid #f89e1c;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}
.gw-pickup-entries .common-sub-column-entries a,
.pickup-entries .common-sub-column-entries a {
  border-bottom: 0;
  padding-bottom: 0;
}

/* お天気パーツ */
.days-thumbnail-wrap {
  min-width: 400px;
}

.days-thumbnail-wrap a {
  display: block;
  padding:  10px;
  background-color: #edf6ff;
}

.days-box {
  width: 47%;
  text-align: center;
  float: left;
  background: rgba(255,255,255,.7);
  margin-right: 2%;
  padding: 1% 2% 0 0;
  border-radius: 4px;
  position: relative;
}

.days-box:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}

.days-box:last-child {
  margin-right: 0;
}

.days-box h3 {
  border-bottom: 0;
  margin-bottom: 0;
  font-weight: normal;
  margin-left: 2%;
  font-size: 1em;
}

.days-left-list {
  width: 37%;
  float: left;
}

.days-left-list .telop {
  font-size: 0.875em;
}

.days-right-table {
  width: 50%;
  height: 64px;
  margin: 8px 10px 8px 0;
  float: right;
  font-size: 0.875em;
}

.days-right-table .temp-max {
  color: #FF0000;
}

.days-right-table .temp-min {
  color: #0096FF;
}

.days-right-table .name {
  width: 50%;
  text-align: left;
}

.days-right-table .value {
  width: 25%;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  padding: 2px;
}

.days-right-table .unit {
  width: 15%;
  text-align: right;
}


/*** 共通 警報注意報 ***/

.common-warn-entry-box {
  margin-bottom: 20px;
  background-color: #edf6ff;
}

.common-warn-entry-box a {
  color: #0B5DAA;
  display: block;
  border-bottom: 1px solid #FFF;
  /*margin-bottom: 10px;*/
  padding: 10px 15px 0px;
}
.common-warn-entry-box a:last-child {
  border-bottom: 0;
  margin-bottom: -10px;
}

.common-warn-entry-box dl.common-warn-entries {
  padding: 0 0 10px 35px;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  background-size: 25px 21px;
}
.common-warn-entry-box dl.is-alert-information {
  background-image: url(..\\images\\icon\\warn\\alert_8126590.png);
}
.common-warn-entry-box dl.is-warn-information {
  background-image: url(..\\images\\icon\\warn\\warn_3735647.png);
}
.common-warn-entry-box dl.is-special-warn-information {
  background-image: url(..\\images\\icon\\warn\\special-warn_2752512.png);
}

.common-warn-entries dt {
  font-weight: bold;
  display: inline-block;
}

.common-warn-entries dd {
  display: inline-block;
}

.common-warn-entries dd.special-warn-entry {
  color: #FFF;
  background-color: #c800ff;
  border: 1px solid #FFF;
  margin: 0px 6px 0px 0;
  padding: 3px 4px;
}

.common-warn-entries dd.warn-entry {
  color: #FFF;
  background-color: #ff0909;
  border: 1px solid #FFF;
  color: #fff;
  margin: 0px 6px 0px 0;
  padding: 3px 4px;
}

.common-warn-entries dd.alert-entry {
  color: #444;
  background-color: #ffff09;
  border: 1px solid #FFF;
  margin: 0px 6px 0px 0;
  padding: 3px 4px;
}

.common-warn-entries dd.no-entry {
  color: #444;
}

.special-warn-notice-entries {
  position: relative;
  background-color: #FFF;
  border: 2px solid #C800FF;
  padding: 10px 10px 10px 70px;
  line-height: 1.4em;
  margin-bottom: 10px;
  background-image: url(..\\images\\icon\\warn\\special-warn_2752512.png);
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 50px 42px;
}
.special-warn-notice-entries p {
  color: #C800FF;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.25em;
}
.special-warn-notice-entries p .date-time {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.625em;
}
.special-warn-notice-entries li {
  margin-bottom: 5px;
}
.special-warn-notice-entries li:last-child {
  margin-bottom: 0;
}
.special-warn-notice-entries a {
  color: #0b5daa;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIFdXVxAAAARnRSTlMA+egCAdv8PvNJymIDISiJP2PrzIrDwkZH9sVcxIvs4NwxJx3hM0AWcmH+5i7e/TBTb0rt8kJI+O73EiDLshhY9TRe4yJgSmPRSQAAAQdJREFUeF5d09duwzAMhtFfHrHjmdhJM+q0abr33nvp/R+psExQYr874QACQUigEERl4ynlNaMogMxPQ82Fqe9anmhRklvbqwi4KgI1UQycmna2uiEQxavWsoQg2d0/6FlNMgAp2dE2gHVHh0AQEnqA1DDAgA+fRr+sDlAyfv8Y/WUtMdbcTm708IxwDZ62bXZ6yVMo7epzi8Fxh0pidYK2U0Jx7ca5sQu+duzYlrErxQON2K476/MUpbOEW2N393YJdn0PxqaPbKEPDAl7TwAmM7F4ZC+kr2/++4e1OgOAItbUTNviAs58MtUHSOP/FrMBRS2tLuSjXlpa8qNmjhbz9jvMFxHTH/eOg07IL9mfAAAAAElFTkSuQmCC);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-left: 19px;
}
.special-warn-notice-entries a:hover {
  color: #F89E1C;
}

/*** 周辺の施設 ***/
#near-exist-entries-box {
  position: relative;
  width: 642px;
  height: 170px;
  padding: 10px 25px;
}
#near-exist-entries-box .slide-frame {
  position: relative;
  height: 170px;
  overflow: hidden;
  margin-bottom: 10px;
}

/* slide images */
#near-exist-entries-box .slide-frame ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 1300px;
  margin: 0;
}
#near-exist-entries-box .slide-frame ul li {
  float: left;
  width: 110px;
  margin-right: 10px;
}
#near-exist-entries-box .slide-frame ul li:last-child {
  margin-right: 0;
}
#near-exist-entries-box .slide-frame ul li a {
  background: none;
}
#near-exist-entries-box .slide-frame ul li .img-box {
  width: 110px;
  height: 110px;
  overflow: hidden;
  margin-bottom: 5px;
}
#near-exist-entries-box .slide-frame ul li img {
  width: auto;
  height: 120%;
}
#near-exist-entries-box .slide-frame ul li .name {
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 0.875em;
  font-weight: bold;
}

/* gallery items */
#near-exist-entries-box ul li,
#near-exist-entries-box ul li label,
#near-exist-entries-box p label {
}

/* slider arrow button */
#near-exist-entries-box p label {
  position: absolute;
  top: 5px;
  margin: 0;
  width: 50px;
  height: 150px;
  cursor: pointer;
}
#near-exist-entries-box .prev label {
  left: 0;
}
#near-exist-entries-box .next label {
  right: 0;
}

#near-exist-entries-box p i {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 55px;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #6FAFFF;
}
#near-exist-entries-box p i:after {
  content: "";
  position: absolute;
  top: -17px;
  right: -8px;
  width: 20px;
  height: 32px;
  border: 1px solid #6FAFFF;
}

#near-exist-entries-box .prev i {
  transform: rotateY(180deg);
  left: 0;
}
#near-exist-entries-box .next i {
  margin-left: 35px;
  right: 0;
}

/* CSS Programming */
#near-exist-entries-box #switch1:checked ~ .slide-frame ul {
  left: 0px;
}
#near-exist-entries-box #switch2:checked ~ .slide-frame ul {
  left: -550px;
}

#near-exist-entries-box input {
  display: none;
}

#near-exist-entries-box #switch1:checked ~ .prev label[for="switch2"],
#near-exist-entries-box #switch2:checked ~ .prev label[for="switch1"],
#near-exist-entries-box #switch1:checked ~ .next label[for="switch2"],
#near-exist-entries-box #switch2:checked ~ .next label[for="switch1"] {
  z-index: 1;
}

/* transition  */
#near-exist-entries-box i {
  transition: margin 0.3s ease 0s;
  -webkit-transition: margin 0.3s ease 0;
}
#near-exist-entries-box .slide-frame ul {
  transition: all 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
  -webkit-transition: all 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}


/*** 指数ページ ***/
/* 地図 */
.map-wrap {
  position: relative;
  margin: 0 0 20px 53px;
}
.map-date {
  position: absolute;
  top: 0px;
  left: -53px;
  font-weight: bold;
}
.map-wrap li {
  position: absolute;
  text-align: center;
  line-height: 1.0;
}
.map-wrap li a {
  display: block;
  width: 72px;
  height: 78px;
}
.map-wrap li span {
  font-size: 0.750em;
  display: block;
  padding: 5px 0;
}
.map-wrap li span:last-of-type {
  font-size: 0.687em;
}

#map-image-clickable area,
#forecast-map-image-clickable area,
#pollen-map-image-clickable area {
  outline: none;
  border: none;
}

.indexes-pickup-others-entries {
  margin-bottom: 20px;
}
.indexes-pickup-others-entries div.indexes-img-box {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  line-height: 1;
  background: rgba(0,0,0,0.5);
}
.indexes-pickup-others-entries div.indexes-img-box img {
  vertical-align: middle;
}

.common-link-btn-rectangle.indexes-link-btn-rectangle {
  /*margin-bottom: 20px;*/
}
.common-link-btn-rectangle.indexes-link-btn-rectangle a {
  padding: 5px;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle .name {
  text-align: center;
  font-size: 0.750em;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle .img-wrap {
  text-align: center;
  margin-top: 5px;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle .img-box {
  margin-left: 10px;
}
.common-link-btn-rectangle.indexes-link-btn-rectangle p {
  font-size: 0.750em;
  color: #999;
}

.common-link-btn-rectangle.other-indexes-link-btn-rectangle li a p {
  height: 40px;
}

.common-select-tab.indexes-select-tab li a,
.common-select-tab.indexes-select-tab-lot li a {
  line-height: 1.4;
  padding: 10px 5px 10px 10px;
  height: 43px;
}
.common-select-tab.indexes-select-tab li a img,
.common-select-tab.indexes-select-tab-lot li a img {
  background-color: #FFF;
  border: 4px solid #FFF;
  border-radius: 4px;
  margin-right: 6px;
  vertical-align: middle;
}
.common-select-tab.indexes-select-tab li span.no-img,
.common-select-tab.indexes-select-tab-lot li span.no-img {
  background-color: #FFF;
  border-radius: 4px;
  margin-right: 6px;
  height: 24px;
  width: 35px;
  display: block;
  padding: 10px 4px 9px;
}

.common-select-tab.indexes-select-tab li span.name,
.common-select-tab.indexes-select-tab-lot li span.name {
  font-size: 0.875em;
  text-align: left;
}
.common-select-tab.indexes-select-tab li span.name-lot {
  font-size: 0.750em;
}

.common-select-tab.indexes-select-tab-lot li a.selected:after {
  content: initial;
}

.indexes-weather-wrap {
  background-color: #edf6ff;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
.indexes-weather-wrap .indexes-icon-box {
  float: left;
  width: 50%;
  padding: 15px 0 0;
}
.indexes-weather-wrap .indexes-icon-box .indexes-telop-0 {
  display: block;
  margin-top: 5px;
}
.indexes-weather-wrap .weather-icon-box {
  position: absolute;
  top: 13px;
  right: 20px;
  background-color: #FFF;
  padding: 5px 20px;
  border-radius: 4px;
  width: 110px;
}
.indexes-weather-wrap .weather-icon-box img {
  vertical-align: middle;
}
.indexes-weather-wrap .weather-icon-box p.weather-telop {
  display: inline-block;
  font-size: 0.875em;
}
.indexes-weather-wrap .weather-icon-box .precip {
  display: block;
}
.indexes-weather-wrap p.indexes-telop-1 {
  clear: both;
  font-size: 0.875em;
  background-color: #FFF;
  margin: 20px 20px 10px;
}

.indexes-uv-graph-box img {
  margin: 0 auto;
  display: block;
}

.forecast-point-week td.indexes-icon {
  padding-bottom: 0;
}
.forecast-point-week td .indexes-telop-0 {
  font-size: 0.750em;
}
.forecast-point-week td .indexes-telop-1 {
  font-size: 0.687em;
  padding: 5px 5px 0;
  line-height: 1.4;
  height: 40px;
}

.index-comment {
  font-size: 0.750em;
  line-height: 1.4;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #CCC;
  color: #666;
}

.index-comment-pref {
  background-color: #edf6ff;
  margin-top: 0;
  padding: 0 10px 10px 10px;
  border-top: 0;
  margin-bottom: 20px;
}

/*** レジャー天気ページ ***/
.common-link-btn-rectangle-one {
  margin-bottom: 20px;
  background-color: #edf6ff;
  padding: 10px;
}
.common-link-btn-rectangle-one li {
  margin-bottom: 10px;
  position: relative;
  margin: 0 4px 3px 0;
}
.common-link-btn-rectangle-one li a {
  display: flex;
  position: relative;
  background-color: #FFF;
  padding: 10px 5px 10px 10px;
}
.common-link-btn-rectangle-one li:last-child {
  margin-bottom: 0;
}
.common-link-btn-rectangle-one .name {
  width: 415px;
  margin-right: 10px;
  line-height: 1.4em;
  margin: auto;
}
.common-link-btn-rectangle-one .img-wrap {
  margin: auto;
}
.common-link-btn-rectangle-one .img-box {
  width: 120px;
  margin-right: 10px;
  display: table-cell;
  padding-right: 10px;
}
.common-link-btn-rectangle-one .img-box img {
  vertical-align: middle;
  margin-right: 5px;
}
.common-link-btn-rectangle-one .forecast-telop {
  font-size: 0.875em;
}
.common-link-btn-rectangle-one .temp-box {
  display: table-cell;
  text-align: center;
  padding-right: 10px;
  vertical-align: middle;
}

.leisure-legacy-golf-wrap .img-box {
  float: left;
  margin-right: 10px;
}
.leisure-legacy-golf-wrap .body {
  padding-top: 8px;
}
.leisure-legacy-golf-wrap .more-link-box a {
  max-width: 424px;
}


/*** お出かけ天気ページ ***/
/* tenki.jp topページのお出かけスポット天気　人気ランキング */
.leisure-card-type-box li {
  width: 31.4%;
}
.leisure-card-type-box li a .img-box {
  height: 152px;
  position: relative;
}
.leisure-card-type-box li .img-box .rank-1,
.leisure-card-type-box li .img-box .rank-2,
.leisure-card-type-box li .img-box .rank-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 24px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  padding: 4px 2px;
  border-radius: 4px 0 0 0;
}
.leisure-card-type-box li .img-box .rank-1 {
  background: url('..\\images\\icon\\leisure\\rank-1_7536750.png') no-repeat, rgba(0,0,0,0.5);
  background-position: 2px 4px;
  background-size: 35px 24px;
}
.leisure-card-type-box li .img-box .rank-2 {
  background: url('..\\images\\icon\\leisure\\rank-2_7340142.png') no-repeat, rgba(0,0,0,0.5);
  background-position: 2px 4px;
  background-size: 35px 24px;
}
.leisure-card-type-box li .img-box .rank-3 {
  background: url('..\\images\\icon\\leisure\\rank-3_7405678.png') no-repeat, rgba(0,0,0,0.5);
  background-position: 2px 4px;
  background-size: 35px 24px;
}
.leisure-card-type-box li a p {
  padding: 5px;
  line-height: 1.4em;
}
.leisure-card-type-box li a p.short {
  padding: 16.2px 5px;
}


/*** 凡例 ***/
.rank-index-box {
  margin: 20px auto 40px;
  background-color: #edf6ff;
  padding: 10px 20px;
}
.rank-index-box dl {
  position: relative;
  font-size: 0.750em;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.rank-index-box dt {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
}
.rank-index-box dd {
  display: table-cell;
  text-align: center;
}
.rank-index-box dd:last-child {
  padding-right: 0;
}
.rank-index-box dd img {
  padding: 2px;
  background-color: #FFF;
  border-radius: 4px;
}
.rank-index-box dd span {
  display: block;
  color: #999;
}


/*** tenki.jpサプリ ***/
.recent-entries {
  margin-bottom: -20px;
}
.recent-entries ul {
  position: relative;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recent-entries ul li {
  width: 217px;
  float: left;
  margin: 0 20px 20px 0;
}
.recent-entries ul li:last-child,
.recent-entries ul li:nth-child(3n) {
  margin-right: 0;
}
.recent-entries ul li a {
  display: block;
}
.recent-entries ul li a:hover {
  text-decoration: none;
}
.recent-entries ul li a img.new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
}
.recent-entries ul li a div.recent-entries-img {
  position: relative;
  width: 217px;
  height: 164px;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.recent-entries ul li a div.recent-entries-img img {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 120%;
}
.recent-entries ul li .recent-entries-title {
  margin-bottom: 15px;
  color: #444;
}
.recent-entries ul li .recent-entries-date {
  font-size: 0.812em;
  line-height: 1em;
  margin-top: 15px;
  color: #999;
  display: block;
}

/* 気象ニュース */
.recent-entries-news ul li a {
  position: relative;
}
.recent-entries-news-no-image {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #D0D0D0;
  line-height: 164px;
  margin-bottom: 10px;
}
.recent-entries-news-type {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.812em;
  line-height: 1em;
  color: #999;
  text-align: right;
}

.forecast-point-1h-recent-entries ul li {
  margin-right: 14px;
}
.forecast-point-1h-recent-entries ul li:nth-child(3) {
  margin-right: 14px;
}
.forecast-point-1h-recent-entries ul li:nth-child(4) {
  margin-right: 0;
}

/* 横長の画像 */
.news-entries-rectangle ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-entries-rectangle ul li {
  width: 217px;
  float: left;
  margin: 0 20px 30px 0;
}
.news-entries-rectangle ul li:last-child,
.news-entries-rectangle ul li:nth-child(3n) {
  margin-right: 0;
}

.news-entries-rectangle ul li a {
  display: block;
  position: relative;
}
.news-entries-rectangle ul li .new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 60px;
  height: 60px;
}
.news-entries-rectangle ul li .img-box,
.news-entries-rectangle-no-image {
  width: 100%;
  height: 125px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.news-entries-rectangle ul li .img-box img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.news-entries-rectangle-no-image {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #D0D0D0;
  line-height: 125px;
}
.news-entries-rectangle .title {
  font-size: 1.125em;
  margin-bottom: 10px;
  color: #444;
}
.news-entries-rectangle .date {
  font-size: 0.812em;
  line-height: 1em;
  margin-bottom: 10px;
  color: #999;
}
.news-entries-rectangle .type {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.812em;
  line-height: 1em;
  color: #999;
  text-align: right;
}

/*** 日直予報士記事 ***/
.forecaster-entries {
  width: 100%;
}
.forecaster-entries ul {
  width: 100%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.forecaster-entries li {
  float: left;
  width: 220px;
  margin: 0 16px 30px 0;
}
.forecaster-entries li:nth-child(3n) {
  margin-right: 0;
}
.forecaster-entries li a {
  display: block;
  position: relative;
}
.forecaster-entries li .new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 60px;
  height: 60px;
}
.forecaster-entries li .forecaster-img-box {
  position: relative;
  overflow: hidden;
  width: 220px;
  height: 165px;
  margin-bottom: 10px;
}
.forecaster-entries li .forecaster-img-box img {
  width: 100%;
  height: auto;
}
.forecaster-entries li .forecaster-title-box {
  margin-bottom: 5px;
  line-height: 1.4;
}

/* サプリ・日直記事（横2記事） */
.common-recent-entries li {
  position: relative;
  width: 336px;
  float: left;
  margin: 0 20px 20px 0;
}
.common-recent-entries li:nth-child(2n) {
  margin-right: 0;
}
.common-recent-entries li:last-child, .common-recent-entries li:nth-last-child(2) {
  margin-bottom: 0;
}
.common-recent-entries li a {
  width: 336px;
  height: 210px;
  display: block;
  overflow: hidden;
}
.common-recent-entries li a img {
  width: auto;
  height: 120%;
}
.common-recent-entries li a p {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  font-size: 1.125em;
  width: 100%;
  color: #FFF;
  padding: 10px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-box-flex: 1.0;
  -moz-box-flex: 1.0;
  -o-box-flex: 1.0;
  -ms-box-flex: 1.0;
  line-height: 1.3;
  height: 70px;
}
.common-recent-entries li a img.new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 60px;
  height: 60px;
}

/* 日直・サプリ記事(カード型４つ) */
.recent-entries-card-wrap {
  margin-bottom: 20px;
}
.recent-entries-card-wrap ul {
  display: table;
  width: 100%;
}
.recent-entries-card-wrap li {
  display: table-cell;
  padding: 0 10px;
  border-right: 1px solid #eee;
  vertical-align: top;
}
.recent-entries-card-wrap li:first-child {
  padding-left: 0;
}
.recent-entries-card-wrap li:last-child {
  padding-right: 0;
  border-right: 0;
}
.recent-entries-card-wrap li a {
  display: block;
}
.recent-entries-card-wrap li .img-box {
  width: 157px;
  height: 95px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 10px;
}
.recent-entries-card-wrap li .img-box img {
  width: 120%;
  height: auto;
}
.recent-entries-card-wrap li .title {
  line-height: 1.4;
}
.recent-entries-card-wrap li .date {
  color: #999;
  font-size: 0.750em;
}


/* 検索ページ */
.select-wrap {
  margin-bottom: 40px;
}

.search-input {
  width: 350px;
  padding: 6px 5px;
  border-top: 1px solid #CCC;
  border-right: 0;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-radius: 4px 0 0 4px;
  vertical-align: top;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  font-size: 1em;
  height: 24px;
}

#search-form button {
  padding: 0 10px;
  background-color: #0061ca;
  color: #FFF;
  border-style: none;
  border-radius: 0 4px 4px 0;
  line-height: 1;
  font-family: Meiryo, メイリオ;
  font-size: 1em;
  height: 38px;
}

.search-pager-index {
  font-size: 0.875em;
}

.search-entry-data-wrap {
  margin-bottom: 15px;
}
.search-entry-data-wrap p {
  margin-bottom: 10px;
  background-color: #edf6ff;
}
.search-entry-data-wrap p:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.search-entry-data-wrap p a {
  position: relative;
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
}
.search-entry-data-wrap p a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 5px;
  right: 5px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0160c2;
  border-bottom: 4px solid #0160c2;
  border-left: 4px solid transparent;
}
.search-entry-data-wrap p a:hover {
  background-color: #0061ca;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.search-entry-data-wrap p a:hover:after {
  border-right: 4px solid #FFF;
  border-bottom: 4px solid #FFF;
}
.search-entry-data-wrap p span.zipcode {
  padding-right: 10px;
}

.search-entry-no-data {
  padding: 10px;
  background-color: #edf6ff;
}
.search-entry-no-data dl {
  font-size: 0.875em;
  line-height: 1.4;
  margin-top: 5px;
}

/* tenki.jp + more への誘導リンク */
.tenkijp-more-link-box {
  border: 1px solid #CCC;
  margin-bottom: 40px;
}
.tenkijp-more-link-box a {
  display: block;
  color: #0B5DAA;
  font-weight: bold;
  font-size: 0.875em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsSAAALEgHS3X78AAAFg0lEQVRYw82Yf2xTVRTHv/e919eVMdaNzcmPZDiNqAy2JQ1igjL+MDNFQv8xM9kfKxGT8daalpgQEcOICGjMumzdw8QpI2bg/mIabVyUMASikvfHBp2GyK/hxjSg2wqjtH171z98bz66rnuvq8JJmvSe3nffp+eee+45h1BKYUYahRZfLMG5onFmZUJGjqa3cLhn45WLPKf8wLLyR23BHUPIghAjgJ7GwPrbd/nOa2NM2WScEiMLryzG7/bc+Pvtoq/lPwP0eppLI5PWE4N/kMczfUFZAcYfscc2B9v9ZzJ5nkm3leeHbVdTwA0A2AtgI4AqKSQQAFXq2A/gC/3kK2OwXxjJ+b6hobUjaxZsaGjtkK5zryWpjwBokkLCtbkWdTjFFQDcAPbo9WuW0P5PP2msmhdgCrghAG4pJPSZ/fcOp1gJoBNAhaarXKac6vjYU50RYKMQqA3fyDmmOwgDAKqlkDBudMEd3wwcTRA2DsDXVlM+7nCKdgAtAOq1OWtL5YPioTfeMu2DI3/lHJ4PHABQkHwA9QylYW9vuFoKCeNSSHDrfXNw1LLT62kuNQW47fVg33CE2v6xKyIAXGbhAEAmTF2+HD2qELIMwElvb9it/uRW3QWTcUoik9YThrfY62kuPT9su6qznl8KCfOKXwe6vuy4UVSm+XJVW015v8MpVgM4qc1Z91js+bnCDwcACZl7Rwc3ZBbuva4318uQHf8uyklv1324bf/h7qLRpau2MJR+BmC1FBL6HE7xFIANAHD3Ht+mhqj0W3w7ym3S6ZrMWmsCY/u65XMB7TOBsX0AsGtrras4HrmlEFLu7Q27ktcfHWfKDfngxZt4VKfrQRZlCsxWnQ9CDVdDAHAzSjlPY2B9WsBGIVCrvyUyORjpZO/mdV9xVPkFgH7d6ZiqKOymOXyQLNGN++cLVMut9e+pa7nPhwMvrXkmadr0bRSXmefSWpBSpiTVg2ZEIUq+9p0FM2rgEcPvYRSK4vla7Tfl1krt++665u5sAnIso4R1Y7sp/+ry+X6ml/dfmPrTlm6etzdsB2BvqynXwAzfxVzSuHK2ibu7hI44Yk9o4xiJLf9WvnJfKlZIrHSW2+A6C3oawKZkQ3CsciktIMMoxwEE1CuuKtlC3fK5AABUcIujA3J6Sz3JFkyksF41CMmTQRI69bQFk3ZwJmBbcMeQ69VD0eEItYFikcMpuqSQMCMWLidFgyWW/AIAmKSxgrPySOGLlrLLhbQomO6A8HTqYJywUDMaLVesAIBcntC5SgIOAIryps4NR5gNuoA6AzBGEwXfqVtawS2OAoCVWoeTQ8pM67HPsqBnW2pW9+kDNgCsKFCuGPLBHD6xG7CeVnVbHE6xUgoJ/Rw46WXu6VMAkEvzumu5IisAWCh//Fj9B0aqtn4Ae6dAelTr2UHgh+qpC22JoOGEtX5r+yVd/TEghYRKZFkcTrEHwBYAWL6IRHs+377AcD6YtyDuzuWJdgorHE6xM8twbg0OAJYVxnaZSliD7f4zT5VM6SuyeodT9GUJTgBweNoYPLnz0zV+RUZFU9JWa9WcL9MkwuEUm5KrO/3aajlgruxMAWm6slOz5yYtOU0jaSFn7SykgNQKqU4APanqY7WCc6mhZIMJQ88Kmbb1IWxvPTA4atk5Sz9mIik9qwSQnzwplyfUzuP6yB1amgnknM0jr6e5NBrjj/x6k33BaONIk1Ul9HLegrj7x6vWsJqkVpiFJGbab8L21gOT99hXJqLM0ukSVSfFNiIXLqS38mzy1xZOflffglO33zQkMdsfnNlkCtS2i/5ugwfHNOS8ATMIO6Yg/3dAk5AbGTwAUYN+tRq2MmtgPiyQDwzQKOQD8cFZfLIzqWgbB+B+KADTyd+U/HxD+eBGWwAAAABJRU5ErkJggg==);
  background-size: 20px 20px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 40px;
}
.common-more-link {
  text-align: right;
}
.common-more-link a {
  padding-left: 17px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIFdXVxAAAARnRSTlMA+egCAdv8PvNJymIDISiJP2PrzIrDwkZH9sVcxIvs4NwxJx3hM0AWcmH+5i7e/TBTb0rt8kJI+O73EiDLshhY9TRe4yJgSmPRSQAAAQdJREFUeF5d09duwzAMhtFfHrHjmdhJM+q0abr33nvp/R+psExQYr874QACQUigEERl4ynlNaMogMxPQ82Fqe9anmhRklvbqwi4KgI1UQycmna2uiEQxavWsoQg2d0/6FlNMgAp2dE2gHVHh0AQEnqA1DDAgA+fRr+sDlAyfv8Y/WUtMdbcTm708IxwDZ62bXZ6yVMo7epzi8Fxh0pidYK2U0Jx7ca5sQu+duzYlrErxQON2K476/MUpbOEW2N393YJdn0PxqaPbKEPDAl7TwAmM7F4ZC+kr2/++4e1OgOAItbUTNviAs58MtUHSOP/FrMBRS2tLuSjXlpa8qNmjhbz9jvMFxHTH/eOg07IL9mfAAAAAElFTkSuQmCC);
  background-position: left 4px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  display: inline-block;
  margin-bottom: 20px;
  color: #0b5daa;
  font-weight: bold;
}

/* アメダス降水量・降雪量タブ切り替え */
#amedas-record-snow-main-column-thumbnail{
  display: none;
}

.amedas-record-change-tab li {
  background:initial;
}
.amedas-record-change-tab li a {
  border-top: 10px solid #FFF;
  background-color: #d9d9d4 ;
  background-repeat: no-repeat;
  color: #1d53a4 ;
}
.amedas-record-change-tab li a.selected {
  padding: 15px 10px 15px 10px;
  color: #FFF;
  border-top: 0;
  background-color: #1d53a4 ;
}
.amedas-record-change-tab li#common-change-tab-left a span {
  background-image: url(..\\images\\icon\\amedas\\precip-blue_2162806.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 50%;
  display: block;
  width: 82px;
  margin: -10px auto;
  padding: 10px 5px;
  text-align: right;
}
.amedas-record-change-tab li#common-change-tab-left a.selected span {
  background-image: url(..\\images\\icon\\amedas\\precip-white_262186.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 82px;
  margin: -10px auto;
  text-align: right;
}
.amedas-record-change-tab li#common-change-tab-right a span {
  background-image: url(..\\images\\icon\\amedas\\snow-blue_4259854.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 50%;
  display: block;
  width: 82px;
  margin: -10px auto;
  padding: 10px 5px;
  text-align: right;
}
.amedas-record-change-tab li#common-change-tab-right a.selected span {
  background-image: url(..\\images\\icon\\amedas\\snow-white_6553682.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: 30%;
  display: block;
  width: 82px;
  margin: -10px auto;
  text-align: right;
}

.amedas-box {
  background-color: #edf6ff;
  margin-bottom: 0px;
  background-color: #edf6ff;
}

#amedas-record-main-column-thumbnail .common-card-type-box,
#amedas-record-snow-main-column-thumbnail .common-card-type-box{
  width: 95%;
}

#amedas-record-main-column-thumbnail .common-card-type-box,
#amedas-record-snow-main-column-thumbnail .common-card-type-box{
  margin-left: 20px;
}

#amedas-record-main-column-thumbnail .date-time,
#amedas-record-snow-main-column-thumbnail .date-time{
  position: relative;
  left: 85%;
}

#amedas-record-main-column-thumbnail ul li,
#amedas-record-snow-main-column-thumbnail ul li{
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 20px;
}

#amedas-record-main-column-thumbnail .common-card-type-box li a,
#amedas-record-snow-main-column-thumbnail .common-card-type-box li a {
  color: #0B5DAA;
}

/* 日直記事に表示する台風誘導枠 */
.typhoon-notice-link-box {
   margin: 40px auto;
  width: 450px;
}
.typhoon-notice-link-box a {
  display: block;
  border-radius: 4px;
  background-color: #F4F4EE;
  padding: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
}
.typhoon-notice-link-box ul {
  display: table;
  width: 100%;
}
.typhoon-notice-link-box li {
  display: table-cell;
  vertical-align: middle;
}
.typhoon-notice-link-box li:nth-child(1) {
  width: 120px;
}
.typhoon-notice-img-box {
  margin-right: 10px;
  width: 120px;
  height: 90px;
  overflow: hidden;
}
.typhoon-notice-img-box img {
  width: 100%;
  height: auto;
}
.typhoon-notice-number {
  font-weight: bold;
  font-size: 1.125em;
  padding-bottom: 5px;
}
.typhoon-notice-description {
  font-size: 0.875em;
  line-height: 1.4;
}
.typhoon-notice-datetime {
  font-size: 0.750em;
  color: #999;
}

/***     サイドメニュー        ***/
.sub-column-section-wrap {
  margin-bottom: 30px;
}

/* サイドメニュー アメダス10分値,周辺のアメダス */
.sub-column-amedas-ten,
.sub-column-amedas-near-ten {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.sub-column-amedas-ten th, .sub-column-amedas-ten td,
.sub-column-amedas-near-ten th, .sub-column-amedas-near-ten td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
  vertical-align: middle;
}
.sub-column-amedas-ten th,
.sub-column-amedas-near-ten th {
  width: 16.6%;
  padding: 2px 0;
  background-color: #F4F4EE;
  font-size: 0.750em;
  font-weight: normal;
  line-height: 1.4;
}
.sub-column-amedas-ten td,
.sub-column-amedas-near-ten td {
  font-size: 0.875em;
  width: 16.6%;
  padding: 2px 0;
  line-height: 1.4;
}
.sub-column-amedas-ten a,
.sub-column-amedas-near-ten a {
  color: #0B5DAA;
  display: block;
}
.sub-column-amedas-ten a:hover,
.sub-column-amedas-near-ten a:hover {
  color: #F89E1C;
}

.sub-column-amedas-near-ten th, .sub-column-amedas-near-ten td {
  width: 14%;
}
.sub-column-amedas-near-ten td span {
  display: block;
  padding: 5px 0 6px;
}
.sub-column-amedas-near-ten td:first-child {
  width: 20%;
}

/* サイドメニュー アメダスランキング */
.amedas-ranking-change-tab-box {
  margin-bottom: 30px;
}

.amedas-ranking-change-tab {
  width: 100%;
  text-align: center;
  font-size: 0.875em;
}
.amedas-ranking-change-tab li {
  width: 164px;
  float: left;
  margin-right: 4px;
  border: 1px solid #0061ca;
  border-bottom: 0;
  margin-top: 10px;
}
.amedas-ranking-change-tab li a {
  display: block;
  color: #0B5DAA;
  padding: 3px 0 1px 0;
}
.amedas-ranking-change-tab li:last-child {
  margin-right: 0;
}
.amedas-ranking-change-tab li a:hover {
  background-color: #0061ca;
  color: #FFF;
  opacity: 1;
}
.amedas-ranking-change-tab li.active-tab {
  margin-top: 0;
  padding: 4px 0 1px 0;
  background-color: #0061ca;
  color: #FFF;
  border-top: 5px solid #0061ca;
  border-bottom: 5px solid #0061ca;
}
.amedas-ranking-child-precip li {
  width: 108px;
  margin-right: 2px;
}
.amedas-ranking-child-snow li {
  width: 334px;
  margin-right: 0;
}

.amedas-ranking-list-box {
  background-color: #FFF;
}
.amedas-ranking-list-box ul {
  border: 1px solid #0061ca;
  border-top: 3px double #0061ca;
}
.amedas-ranking-list-box li {
  padding: 10px 5px;
  font-size: 0.875em;
  line-height: 1.4;
  border-bottom: 1px solid #EEE;
}
.amedas-ranking-list-box li:last-child {
  border-bottom: 0;
}
.amedas-ranking-list-box li a {
  color: #0B5DAA;
}
.amedas-ranking-list-box li a:hover {
  color: #F89E1C;
}
.amedas-ranking-list-box li span.rank {
  width: 21px;
  text-align: right;
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}
.amedas-ranking-list-box li a.pref {
  width: 60px;
  display: inline-block;
}
.amedas-ranking-list-box li a.point {
  width: 105px;
  display: inline-block;
}
.amedas-ranking-list-box li span.value {
  width: 70px;
  text-align: right;
  display: inline-block;
}
.amedas-ranking-list-box li span.wind-value {
  width: 70px;
  text-align: right;
  display: inline-block;
}
.amedas-ranking-list-box li span.wind-direction {
  width: 50px;
  text-align: center;
  display: inline-block;
}
.amedas-ranking-list-box li span.time {
  width: 50px;
  text-align: right;
  display: inline-block;
}
.amedas-ranking-list-box p.no-data {
  font-size: 0.875em;
  border: 1px solid #0061ca;
  border-top: 3px double #0061ca;
  text-align: center;
  padding: 10px 5px;
}

/* サイドメニュー 日直記事 */
.sub-column-forecaster-diary-entries {
  margin: 20px 0;
}
.sub-column-forecaster-diary-entries li {
  border-bottom: 1px solid #CCC;
}
.sub-column-forecaster-diary-entries li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding: 10px 0;
}
.sub-column-forecaster-diary-entries li:first-child a {
  padding-top: 0;
}
.sub-column-forecaster-diary-entries .forecaster-diary-img-box {
  display: table-cell;
}
.sub-column-forecaster-diary-entries .forecaster-diary-image {
  margin-right: 10px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  display: block;
}
.sub-column-forecaster-diary-entries .forecaster-diary-image img {
  width: auto;
  height: 120%;
}
.sub-column-forecaster-diary-entries .forecaster-diary-image img.no_img {
  width: 100%;
  height: 100%;
}
.sub-column-forecaster-diary-entries .forecaster-diary-body {
  display: table-cell;
  width: 266px;
  vertical-align: middle;
}
.sub-column-forecaster-diary-entries .forecaster-diary-body .date-time {
  display: block;
}

/* サイドメニュー もっと見るボタン */
.more-link-box {
  text-align: right;
}
.more-link-box a {
  position: relative;
  padding: 1px 24px 0px 36px;
  display: inline-block;
  background-color: #f4f4ee;
  border-bottom: 2px solid #adadad;
  margin-top: 5px;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAEBAMAAAB1mqLfAAAAIVBMVEX///8BYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYML9nNi8AAAACnRSTlMAOUlbw9nl6+7wzP3ZbQAAAB5JREFUeF5jsExkUC9iEJvM0LWEIWopg9cKOAMuBQCyywn3eEkFxgAAAABJRU5ErkJggg==);
  background-size: 16px 4px;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  font-size: 0.875em;
}
.more-link-box a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 3px;
  border-top: 4px solid transparent;
  border-right: 4px solid #0061ca;
  border-bottom: 4px solid #0061ca;
  border-left: 4px solid transparent;
}

/* サイドメニュー 今日の天気 */
.sub-column-forecast-pickup li {
  font-size: 0.875em;
}
.sub-column-forecast-pickup li a {
  position: relative;
  display: block;
  padding: 7px 5px;
  border-bottom: 1px dotted #CCC;
  padding-right: 0;
  width: 100%;
}
.sub-column-forecast-pickup li a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 3px;
  right: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid #0160c2;
  border-bottom: 4px solid #0160c2;
  border-left: 4px solid transparent;
}
.sub-column-forecast-pickup li p {
  display: inline-block;
  vertical-align: middle;
}
.sub-column-forecast-pickup li p.name {
  width: 37%;
  line-height: 1.4;
  margin-left: 3px;
}
.sub-column-forecast-pickup li p.img-box {
  width: 11%;
}
.sub-column-forecast-pickup li p.img-box img {
  vertical-align: middle;
}
.sub-column-forecast-pickup li p.date-value {
  width: 28%;
  text-align: center;
  margin-left: 13px;
}
.sub-column-forecast-pickup li p.precip {
  width: 12%;
  text-align: right;
  padding-right: 10px;
}

/* サイドメニュー 警報・注意報 */
.section-warn-sub-column {
  margin-bottom: 10px;
}

.warn_sidemenu_recent_entries a {
  color: #0b5daa;
}

.warn_sidemenu_recent_entries li {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: dotted 1px #CCC;
}
.warn_sidemenu_recent_entries li:first-child {
  padding-top: 0;
}
.warn_sidemenu_recent_entries li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.warn_sidemenu_recent_entries li dd {
  margin-left: 3px;
}

.warn_sidemenu_map_pref_name {
  font-weight: bold;
  margin: 3px 3px 7px 0;
}

.warn_sidemenu_map_pref_name img {
  margin-left: 3px;
  margin-bottom: -1px;
}

.warn_sidemenu_public_datetime {
  margin: 3px 3px 7px 3px;
}

/* サイドメニューの記事共通css */
.common-sub-column-entries {
  margin-top: 20px;
}
.common-sub-column-entries a {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
}
.common-sub-column-entries a:hover {
  color: #0B5DAA;
  text-decoration: none;
}
.common-sub-column-entries ul {
  display: table;
  position: relative;
}
.common-sub-column-entries ul li {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
  color: #444;
}
.common-sub-column-entries ul li.img-box {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  width: 120px;
  height: 75px;
}
.common-sub-column-entries ul li.img-box img {
  width: auto;
  height: 120%;
}
.common-sub-column-entries ul li span.new-box {
  position: absolute;
  top: 3px;
  left: 0;
}

/* サイドメニューの記事共通（画像が正方形）・注目の情報 */
.common-sub-column-entries-square {
  margin: 20px 0;
}
.common-sub-column-entries-square li {
  border-bottom: 1px solid #CCC;
}
.common-sub-column-entries-square li a {
  display: block;
  width: 100%;
  line-height: 1.4;
  padding: 10px 0;
}
.common-sub-column-entries-square li:first-child a {
  padding-top: 0;
}
.common-sub-column-entries-square .img-wrap {
  display: table-cell;
}
.common-sub-column-entries-square .img-box {
  margin-right: 10px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  display: block;
}
.common-sub-column-entries-square .img-box img {
  width: auto;
  height: 120%;
}
.common-sub-column-entries-square .img-box img.no_img {
  width: 100%;
  height: 100%;
}
.common-sub-column-entries-square .img-box img.height-adjust {
  width: auto;
  height: 100%;
}
.common-sub-column-entries-square .body {
  display: table-cell;
  width: 266px;
  vertical-align: middle;
}
.common-sub-column-entries-square .body .date-time {
  display: block;
}


/* サイドメニュー台風情報 */
.typhoon-notice-sub-column-wrap {
  margin-bottom: 10px;
}
.typhoon-notice-sub-column-wrap a {
  display: block;
}
.typhoon-notice-sub-column-wrap h3 {
  border: 1px solid #932674;
  border-bottom: 0;
  background-color: #EDD0E5;
  padding: 10px;
  line-height: 1;
  margin-bottom: 0;
}
.typhoon-notice-sub-column-wrap h3.date-time-set span.date {
  top: 14px;
  right: 5px;
}
.typhoon-notice-sub-column-wrap .typhoon-notice-img-box img {
  width: 100%;
  height: auto;
}

.typhoon-notice-img-wrap {
  border-right: 1px solid #932674;
  border-left: 1px solid #932674;
}
.typhoon-notice-img-wrap a {
  display: block;
}
.typhoon-notice-img-wrap .typhoon-notice-img-box {
  width: 100%;
  height: auto;
}
.typhoon-notice-img-wrap .typhoon-notice-live-info {
  float: left;
  font-size: 0.875em;
  padding-top: 13px;
}
.typhoon-notice-img-wrap .typhoon-notice-live-info .title {
  display: inline-block;
  width: 100px;
}

.typhoon-notice-sub-column-box {
  position: relative;
  padding: 10px;
  border-right: 1px solid #932674;
  border-left: 1px solid #932674;
  border-bottom: 1px dotted #CCC;
}
.typhoon-notice-sub-column-box:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 3px;
  right: 3px;
  border-top: 5px solid transparent;
  border-right: 5px solid #932674;
  border-bottom: 5px solid #932674;
  border-left: 5px solid transparent;
}
.typhoon-notice-sub-column-box .typhoon-notice-description {
  font-size: 0.750em;
  line-height: 1.4;
}

.common-typhoon-docs-note-link {
  padding: 10px;
  line-height: 1em;
  font-size: 0.875em;
  border-right: 1px solid #932674;
  border-left: 1px solid #932674;
  border-bottom: 1px solid #932674;
}
.common-typhoon-docs-note-link li {
  margin-bottom: 10px;
}
.common-typhoon-docs-note-link li:last-child {
  margin-bottom: 0;
}
.common-typhoon-docs-note-link li a {
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAA1VBMVEUBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIBYMIFdXVxAAAARnRSTlMA+egCAdv8PvNJymIDISiJP2PrzIrDwkZH9sVcxIvs4NwxJx3hM0AWcmH+5i7e/TBTb0rt8kJI+O73EiDLshhY9TRe4yJgSmPRSQAAAQdJREFUeF5d09duwzAMhtFfHrHjmdhJM+q0abr33nvp/R+psExQYr874QACQUigEERl4ynlNaMogMxPQ82Fqe9anmhRklvbqwi4KgI1UQycmna2uiEQxavWsoQg2d0/6FlNMgAp2dE2gHVHh0AQEnqA1DDAgA+fRr+sDlAyfv8Y/WUtMdbcTm708IxwDZ62bXZ6yVMo7epzi8Fxh0pidYK2U0Jx7ca5sQu+duzYlrErxQON2K476/MUpbOEW2N393YJdn0PxqaPbKEPDAl7TwAmM7F4ZC+kr2/++4e1OgOAItbUTNviAs58MtUHSOP/FrMBRS2tLuSjXlpa8qNmjhbz9jvMFxHTH/eOg07IL9mfAAAAAElFTkSuQmCC);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 17px;
}

/* サイドメニュー注目の情報 */
.common-sub-column-attention {
  /*margin: 10px 0 20px;*/
}
.common-sub-column-attention li {
  border-bottom: 1px solid #CCC;
}
.common-sub-column-attention li a {
  position: relative;
  display: block;
  width: 100%;
  line-height: 1.4;
  padding: 10px 0;
}
.common-sub-column-attention li a .pr-mark {
  position: absolute;
  bottom: 10px;
  left: 46px;
  margin-left: 0;
  border: 0;
  padding: 1px;
  background-color: rgba(255,255,255,0.7);
  color: #999;
}
.common-sub-column-attention .img-wrap {
  display: table-cell;
}
.common-sub-column-attention .img-box {
  margin-right: 10px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  display: block;
}
.common-sub-column-attention .img-box img {
  width: auto;
  height: 100%;
}
.common-sub-column-attention .body {
  display: table-cell;
  width: 266px;
  vertical-align: middle;
  font-size: 0.875em;
  line-height: 1.4;
}
.common-sub-column-attention .body .title {
  font-weight: bold;
  font-size: 1.125em;
}
.common-sub-column-attention a .body {
  color: #0B5DAA;
}
.common-sub-column-attention a:hover .body {
  color: #F89E1C;
}

/* サイドメニュー登山天気誘導 */
#sub-column-attention-yama-iphone,
#sub-column-attention-yama-android {
  display: inline-block;
  padding: 1px;
  background-color: #d7e6ff;
  border-radius: 4px;
  width: 48%;
  font-size: 0.875em;
  text-align: center;
}
#sub-column-attention-yama-iphone {
  margin-right: 2%;
}

/* サイドメニューアプリ誘導枠 */
.app-banner-wrap {
  border: 1px solid #CCC;
  padding: 10px 10px 10px 5px;
  position: relative;
  background-color: #FFF;
  margin: 15px 0 30px;
}
.app-banner-wrap:before,
.app-banner-wrap:after {
  position: absolute;
  pointer-events: none;
  content: "";
  bottom: 100%;
  left: 20%;
  height: 0;
  width: 0;
  border: solid transparent;
}
.app-banner-wrap:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 15px;
  margin-left: -15px;
}
.app-banner-wrap:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #CCC;
  border-width: 16px;
  margin-left: -16px;
}
.app-banner-wrap li {
  border-bottom: 0;
}
.app-banner-wrap li .img-wrap {
  vertical-align: middle;
}
.app-banner-wrap li .img-box {
  margin-right: 5px;
}
.app-banner-wrap li .text {
  margin-bottom: 5px;
}

#sub-column-attention-iphone,
#sub-column-attention-android {
  display: inline-block;
  padding: 3px 1px;
  background-color: #d7e6ff;
  border-radius: 4px;
  width: 48%;
  font-size: 0.875em;
  text-align: center;
  border-bottom: 2px solid #8a9cb9;
}
#sub-column-attention-iphone {
  margin-right: 2%;
}

/* サイドメニュー天気ガイド */
.sub-column-contents-link-title {
  background-color: #F4F4EE;
  padding: 2px 5px;
  margin-bottom: 5px;
}
.sub-column-contents-link-box {
  margin-bottom: 20px;
  font-size: 0.875em;
}
.sub-column-contents-link-box li {
  float: left;
  width: 164px;
  margin-right: 8px;
  border-bottom: 1px dotted #EEE;
}
.sub-column-contents-link-box li:nth-child(even) {
  margin-right: 0;
}
.sub-column-contents-link-box li a {
  display: block;
  /*border-bottom: 1px dotted #EEE;*/
  padding: 5px 5px 5px 0px;
  position: relative;
  /*height: 15px;
  overflow: hidden;  */
}
.sub-column-contents-link-box li a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 2px;
  right: 2px;
  border-top: 3px solid transparent;
  border-right: 3px solid #0061ca;
  border-bottom: 3px solid #0061ca;
  border-left: 3px solid transparent;
}

/* サイドメニュー発表中の警報・注意報 */
.warn-sub-column-section-wrap h4 {
  position: relative;
  background-color: #F4F4EE;
  padding: 5px 5px 5px 25px;
  margin-bottom: 5px;
  line-height: 1;
}
.warn-sub-column-section-wrap h4:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  top: 5px;
  left: 5px;
}
.warn-sub-column-section-wrap h4.special-warn:before {
  background-image: url(..\\images\\icon\\warn\\special-warn_2883607.gif);
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.warn-sub-column-section-wrap h4.warn:before {
  background-image: url(..\\images\\icon\\warn\\warn_4128840.gif);
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.warn-sub-column-section-wrap h4.alert:before {
  background-image: url(..\\images\\icon\\warn\\alert_6946937.gif);
  background-repeat: no-repeat;
  background-size: 15px 15px;
}

.sidemenu-warn-announce-table .sidemenu-warn-announce-table-warn-kind {
  padding-left: 5px;
}
.sidemenu-warn-announce-table .sidemenu-warn-announce-table-entries {
  margin-bottom: 10px;
  padding-left: 5px;
}
.sidemenu-warn-announce-table .sidemenu-warn-announce-table-entries a {
  display: inline-block;
}

/* サイドメニュー 台風の暴風域に入る確率 */
.sub-column-typhoon-storm-box {
  margin-bottom: 10px;
}
.sub-column-typhoon-storm-box a {
  background-color: #F4F4EE;
  padding: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
  display: block;
}
.sub-column-typhoon-storm-box .img-box {
  position: relative;
  float: left;
  width: 76px;
  height: 57px;
  overflow: hidden;
}
.sub-column-typhoon-storm-box .img-box img {
  width: 100%;
  height: auto;
}
.sub-column-typhoon-storm-box .img-box .title {
  position: absolute;
  top: 16px;
  left: 0;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  width: 76px;
}
.sub-column-typhoon-storm-box .body {
  float: left;
  margin-left: 5px;
  width: 244px;
}
.sub-column-typhoon-storm-box h3 {
  font-size: 0.875em;
  padding: 0 0 5px 0;
  border-bottom: 0;
  margin-bottom: 0;
  line-height: 1.4;
}
.sub-column-typhoon-storm-box ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
  line-height: 1em;
}
.sub-column-typhoon-storm-box ul li {
  display: table-cell;
  border-right: 1px solid #CCC;
}
.sub-column-typhoon-storm-box ul li:last-child {
  border-right: 0;
}
.sub-column-typhoon-storm-box ul li .date-time {
  line-height: 1;
  margin-bottom: 3px;
}
.sub-column-typhoon-storm-box ul li .percent-value {
  font-size: 0.875em;
  display: inline-block;
  width: 50px;
}
.sub-column-typhoon-storm-box ul li .percent-value.ten {
  background-color: #FFFFD5;
}
.sub-column-typhoon-storm-box ul li .percent-value.twenty {
  background-color: #FFFF9A;
}
.sub-column-typhoon-storm-box ul li .percent-value.thirty {
  background-color: #FFFF28;
}
.sub-column-typhoon-storm-box ul li .percent-value.fourty {
  background-color: #FFF300;
}
.sub-column-typhoon-storm-box ul li .percent-value.fifty {
  background-color: #FFDE00;
}
.sub-column-typhoon-storm-box ul li .percent-value.sixty {
  background-color: #FFC200;
}
.sub-column-typhoon-storm-box ul li .percent-value.seventy {
  background-color: #FFA000;
}
.sub-column-typhoon-storm-box ul li .percent-value.eighty {
  background-color: #FF8000;
  color:#FFFFFF !important;
}
.sub-column-typhoon-storm-box ul li .percent-value.ninety {
  background-color: #FF5400;
  color:#FFFFFF !important;
}
.sub-column-typhoon-storm-box ul li .percent-value.hundred {
  background-color: #F70000;
  color:#FFFFFF !important;
}

/* サイドメニュー twitterのリンク */
.common-twitter-box li {
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
}
.common-twitter-box li:last-child {
  margin-bottom: 0;
}
.common-twitter-box a {
  position: relative;
  display: block;
  padding: 4px 10px 4px 42px;
  margin: 10px 0;
}
.common-twitter-box a:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAMAAACPWYlDAAABqlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8LmKHRAAAAjXRSTlMAuiUHXN4IKpPYhzcjOBlUP2D7t2cUL75aqukRxTYS+f4O58Rfn4XMrMHf7Uq10LTgkgp1W5lEK9JMUq244p6k9nRlLAGlQChv/R0GGPUFcx9Nz1jcvycQx2y8yw170zKwdhp8+vMeSCmbu9ExT6hma1UCiuwmzWmgeHK975bKhLZH5fdtFoOiyKeMaDoqutuoAAABfklEQVR4Xq3OU7vkQACE4crgDI1ja+fYNta2bds26z/vPslkgu7gYt/brxpwt33H1MpYLg3dPrjKDlNTSEK1tq6GTAhSPTScBJqKo6xVQx3PQ2KEZg1DJC+robTKtg0I4hRsBY4D2EYyn4LNDAW92KNMAJhUQxFWy7TrjD9juAZAiKqhGpiMD1AiFgSAaWracjAkKDGr3ZnOVy+Yg26eogU9Lhph6eIlqDIUJVFxkGaHegevbSJFUQC6Mm0au+p2UrALmt1AH33Y2wHN/tiB4BZ660fFYfKInwNHUXGM/kShO0FfuqHrpi8BVJ2iD6dhOBOmt7Mw6Tjn80eGeq9HLsCsqQWRBrrKwqKZV66200UZVtfp4QZsbtJVHIJbdHEbElE6ao9A5o5CB3fhpHSPEvfhaLCRogdwEuqkxENIPUo8fkKJ/qewaX3+4uWr6Os3lHoLUaSPTt7VQqr1/QAlPrTA2ceeTzT7rHz5Cg+B+m/fC10/mpWfv37/CeK/+QvHgEzFutEREAAAAABJRU5ErkJggg==);
  background-size: 18px 15px;
  background-position: center center;
  background-color: #55ACEE;
  padding: 10px;
}

/* メニューアイコン */
ul.sub-column-contents-link-box li span{
  background-image: url(..\\images\\icon\\menu\\icon-menu-sprite_7143433.png);
  height: 15px;
  overflow: hidden;
  background-repeat: no-repeat;
  padding-left: 25px;
  display: inline-block;
  margin-top: 5px;
}
.sub-column-contents-link-box li {
  line-height: 1.2;
}
/* メニューアイコン 天気予報 */
li.icon-menu-forecast{
  background-repeat: no-repeat;
  background-position:0 10px;
  border-bottom: 1px dotted #EEE;
}
/* メニューアイコン 世界天気 */
li.icon-menu-world span {
  background-position: 0 -15px;
}
/* メニューアイコン 日直予報士 */
li.icon-menu-diary span {
  background-position: 0 -30px;
}
/* メニューアイコン 10日間予報->2週間天気に変更2020_12_22 */
li.icon-menu-week span {
  /*background-position: 0 -45px;*/
  background-position: 0 -1155px;
}
/* メニューアイコン 長期予報 */
li.icon-menu-long span {
  background-position: 0 -60px;
}
/* メニューアイコン 雨雲(予報) */
li.icon-menu-rainmesh span {
  background-position: 0 -75px;
}
/* メニューアイコン 豪雨レーダー */
li.icon-menu-map span {
  background-position: 0 -90px;
}
/* メニューアイコン PM2.5 */
li.icon-menu-particulate_matter span {
  background-position: 0 -105px;
}
/* メニューアイコン 雨雲(実況) */
li.icon-menu-radar span {
  background-position: 0 -120px;
}
/* メニューアイコン アメダス */
li.icon-menu-amedas span {
  background-position: 0 -135px;
}
/* メニューアイコン 実況天気 */
li.icon-menu-live span {
  background-position: 0 -150px;
}
/* メニューアイコン 過去天気 */
li.icon-menu-past span {
  background-position: 0 -165px;
}
/* メニューアイコン 警報注意報 */
li.icon-menu-warn span {
  background-position: 0 -180px;
}
/* メニューアイコン 地震 */
li.icon-menu-earthquake span {
  background-position: 0 -195px;
}
/* メニューアイコン 津波 */
li.icon-menu-tsunami span {
  background-position: 0 -210px;
}
/* メニューアイコン 火山 */
li.icon-menu-volcano span {
  background-position: 0 -225px;
}
/* メニューアイコン 台風 */
li.icon-menu-typhoon span {
  background-position: 0 -240px;
}
/* メニューアイコン 天気図 */
li.icon-menu-chart span {
  background-position: 0 -255px;
}
/* メニューアイコン 気象衛星 */
li.icon-menu-satellite span {
  background-position: 0 -270px;
}
/* メニューアイコン 世界衛星 */
li.icon-menu-satellite-world span {
  background-position: 0 -285px;
}
/* メニューアイコン 指数 通年 洗濯 */
li.icon-menu-indexes-cloth_dried span {
  background-position: 0 -300px;
}
/* メニューアイコン 指数 通年 服装 */
li.icon-menu-indexes-dress span {
  background-position: 0 -315px;
}
/* メニューアイコン 指数 通年 お出かけ */
li.icon-menu-indexes-odekake span {
  background-position: 0 -330px;
}
/* メニューアイコン 指数 通年 星空 */
li.icon-menu-indexes-starry_sky span {
  background-position: 0 -345px;
}
/* メニューアイコン 指数 通年 傘 */
li.icon-menu-indexes-umbrella span {
  background-position: 0 -360px;
}
/* メニューアイコン 指数 通年 紫外線 */
li.icon-menu-indexes-uv_index_ranking span {
  background-position: 0 -375px;
}
/* メニューアイコン 指数 通年 体感温度 */
li.icon-menu-indexes-self_temp span {
  background-position: 0 -390px;
}
/* メニューアイコン 指数 通年 洗車 */
li.icon-menu-indexes-carwashing span {
  background-position: 0 -405px;
}
/* メニューアイコン 指数 通年 レジャー */
li.icon-menu-indexes-leisure span {
  background-position: 0 -420px;
}
/* メニューアイコン 指数 通年 のど飴 */
li.icon-menu-indexes-throat_lozenge span {
  background-position: 0 -435px;
}
/* メニューアイコン 指数 冬季 シミ指数 */
li.icon-menu-indexes-skin_spot span {
  background-position: 0 -450px;
}
/* メニューアイコン 指数 冬季 水道凍結 */
li.icon-menu-indexes-freezing_water span {
  background-position: 0 -465px;
}
/* メニューアイコン 指数 冬季 うるおい */
li.icon-menu-indexes-skin_dried span {
  background-position: 0 -480px;
}
/* メニューアイコン 指数 冬季 霜 */
li.icon-menu-indexes-frost span {
  background-position: 0 -495px;
}
/* メニューアイコン 指数 冬季 風邪ひき */
li.icon-menu-indexes-cough span {
  background-position: 0 -510px;
}
/* メニューアイコン 指数 冬季 掛け布団 */
li.icon-menu-indexes-quilt span {
  background-position: 0 -525px;
}
/* メニューアイコン 指数 冬季 暖房 */
li.icon-menu-indexes-danbo span {
  background-position: 0 -540px;
}
/* メニューアイコン 指数 冬季 鍋もの */
li.icon-menu-indexes-hot_pot span {
  background-position: 0 -555px;
}
/* メニューアイコン 山の天気 */
li.icon-menu-mountain span {
  background-position: 0 -570px;
}
/* メニューアイコン 海の天気 */
li.icon-menu-wave span {
  background-position: 0 -585px;
}
/* メニューアイコン 空港 */
li.icon-menu-airport span {
  background-position: 0 -600px;
}
/* メニューアイコン 野球場 */
li.icon-menu-baseball span {
  background-position: 0 -615px;
}
/* メニューアイコン サッカー場 */
li.icon-menu-soccer span {
  background-position: 0 -630px;
}
/* メニューアイコン ゴルフ場 */
li.icon-menu-golf span {
  background-position: 0 -645px;
}
/* メニューアイコン キャンプ場 */
li.icon-menu-camp span {
  background-position: 0 -660px;
}
/* メニューアイコン 競馬・競艇・競輪場 */
li.icon-menu-horse span {
  background-position: 0 -675px;
}
/* メニューアイコン 釣り */
li.icon-menu-fishing span {
  background-position: 0 -690px;
}
/* メニューアイコン テーマパーク */
li.icon-menu-park span {
  background-position: 0 -705px;
}
/* メニューアイコン 花粉情報 */
li.icon-menu-pollen span {
  background-position: 0 -720px;
}
/* メニューアイコン 桜情報 */
li.icon-menu-sakura span {
  background-position: 0 -735px;
}
/* メニューアイコン GW */
li.icon-menu-goldenweek span {
  background-position: 0 -750px;
}
/* メニューアイコン 梅雨入り・梅雨明けページ */
li.icon-menu-rainy-season span {
  background-position: 0 -765px;
}
/* メニューアイコン 熱中症情報 */
li.icon-menu-heatstroke span {
  background-position: 0 -780px;
}
/* メニューアイコン 紅葉情報 */
li.icon-menu-kouyou span {
  background-position: 0 -795px;
}
/* メニューアイコン ヒートショック予報 */
li.icon-menu-heatshock  span {
  background-position: 0 -810px;
}
/* メニューアイコン スキー情報 */
li.icon-menu-ski span {
  background-position: 0 -825px;
}
/* メニューアイコン サプリ */
li.icon-menu-suppl span {
  background-position: 0 -840px;
}
/* メニューアイコン tenki用語辞典 */
li.icon-menu-dic span {
  background-position: 0 -855px;
}
/* メニューアイコン ラボ */
li.icon-menu-labo span {
  background-position: 0 -870px;
}
/* メニューアイコン more+ 雷予報 */
li.icon-menu-more-thunder span {
  background-position: 0 -885px;
}
/* メニューアイコン more+ 海況図 */
li.icon-menu-more-sea span {
  background-position: 0 -900px;
}
/* メニューアイコン more+ 長期グラフ */
li.icon-menu-more-long span {
  background-position: 0 -915px;
}
/* メニューアイコン more+ 過去の気温降水 */
li.icon-menu-more-past span {
  background-position: 0 -930px;
}
/* メニューアイコン more+ どこ行く天気 */
li.icon-menu-more-dokoiku span {
  background-position: 0 -945px;
}
/* メニューアイコン 指数 夏季 不快 */
li.icon-menu-indexes-discomfort span {
  background-position: 0 -960px;
}
/* メニューアイコン 指数 夏季 汗かき */
li.icon-menu-indexes-sweat span {
  background-position: 0 -975px;
}
/* メニューアイコン 指数 夏季 冷房 */
li.icon-menu-indexes-reibo span {
  background-position: 0 -990px;
}
/* メニューアイコン 指数 夏季 アイス */
li.icon-menu-indexes-ice_cream span {
  background-position: 0 -1005px;
}
/* メニューアイコン 指数 夏季 ビール */
li.icon-menu-indexes-beer span {
  background-position: 0 -1020px;
}
/* メニューアイコン 指数 夏季 除菌 */
li.icon-menu-indexes-disinfect span {
  background-position: 0 -1035px;
}
/* メニューアイコン 指数 夏季 蚊ケア */
li.icon-menu-indexes-mosquito span {
  background-position: 0 -1050px;
}
/* メニューアイコン 指数 通期 睡眠 */
li.icon-menu-indexes-sleep span {
  background-position: 0 -1065px;
}
/* メニューアイコン JAXA */
li.icon-menu-jaxa span {
  background-position: 0 -1080px;
}
/* メニューアイコン 雷レーダー(予測) */
li.icon-menu-thunder-forecast span {
  background-position: 0 -1095px;
}
/* メニューアイコン 雷レーダー(実況) */
li.icon-menu-thunder span {
  background-position: 0 -1110px;
}
/* メニューアイコン 寒暖差肌荒れ */
li.icon-menu-indexes-gap_temp span {
  background-position: 0 -1125px;
}
/* メニューアイコン 道路の気象影響予測 */
li.icon-menu-road span {
  background-position: 0 -1140px;
}
/* メニューアイコン 知る防災 */
li.icon-menu-knowledge span {
  background-position: 0 -1170px;
}


/* 記事タグまとめページ */
.tag-description {
  background-color: #FFF;
  margin-bottom: 60px;
}

.tag-recent-entries-wrap {
  margin-bottom: 50px;
}
.tag-recent-entries {
  position: relative;
  width: 336px;
  float: left;
  margin: 0 20px 20px 0;
}
.tag-recent-entries:nth-child(2n) {
  margin-right: 0;
}
.tag-recent-entries:last-child, .tag-recent-entries:nth-last-child(2) {
  margin-bottom: 0;
}
.tag-recent-entries > a {
  display: block;
}
.tag-recent-entries > a > img.new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 1;
  width: 60px;
  height: 60px;
}
.tag-recent-entries > a > .img-box {
  position: relative;
  width: 336px;
  height: 210px;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.tag-recent-entries > a > .img-box > img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tag-recent-entries > a > .title  {
  color: #0a4ba0;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.6;
}
.tag-recent-entries > a > .date  {
  font-size: 0.875em;
  color: #999;
}


/* ダミージャック用記述 - ここから↓
.pr-dummy {
  background-image: url("..\\images\\icon\\promotion\\dummy\\bg-pc_2490443.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
.pr-dummy .hd-help a {
  color: #FFF;
}
.pr-dummy .hd-help a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.pr-dummy #hd h1 {
  margin-left: 3px;
}
.pr-dummy #main-column .section-wrap,
.pr-dummy #sub-column section,
.pr-dummy #sub-column .sub-column-section-wrap,
.pr-dummy .widesize-wrap,
.pr-dummy #footer {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  position: relative;
}
.pr-dummy .forecast-point-1houre-7week-wrap {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.pr-dummy .forecast-point-1houre-7week-wrap .forecast-common-btn {
  margin: -30px auto 20px;
}
.pr-dummy #footer,
.pr-dummy #hd {
  border-radius: 4px 4px 0 0;
}
.pr-dummy #main-column h3 {
  padding: 5px;
}
.pr-dummy #main-column #forecast-list-entries {
  margin: 3px 10px 2px 8px;
}
.pr-dummy #forecast-map-wrap {
  box-sizing: border-box;
  background-color: #ffffff;
}
.pr-dummy-banner {
  width: 100%;
  text-align: center;
  padding: 10px 0 30px 0;
}
.pr-dummy-banner a {
  transition: 0.2s;
  display: block;
  margin: 0 auto;
}

.pr-dummy #main-column .recent-entries-card-wrap,
.pr-dummy #sub-column .sub-column-contents-link-box,
.pr-dummy #main-column .common-recommend-entries-box,
.pr-dummy #main-column .common-card-type-box,
.pr-dummy #main-column .recent-entries,
.pr-dummy #main-column .gw-world-popular-list {
  padding: 0 5px;
}
.pr-dummy #main-column .top-recent-entries-wrap {
  margin: 0 5px 10px 5px;
}
.pr-dummy #main-column .top-recent-entries-wrap .top-recent-entries-right {
  width: 352px;
}
.pr-dummy #main-column .recent-entries-card-wrap li .img-box {
  width: 154px;
}
.pr-dummy #main-column .common-recommend-entries-box li {
  width: 30.94%;
}
.pr-dummy #main-column .leisure-card-type-box li {
  width: 31.36%
}
.pr-dummy #sub-column .sub-column-contents-link-box li {
  width: 159px;
}
.pr-dummy #main-column .recent-entries ul li {
  width: 212px;
}
.pr-dummy #main-column .common-amedas-ranking-parts h3 {
  padding: 12px 0 8px 37px !important;
}
.pr-dummy .widesize-wrap h2 .date-time,
.pr-dummy #main-column h2 .date-time,
.pr-dummy #main-column h3 .date-time {
  margin-right: 5px;
}
.pr-dummy #menu-basis {
  border-radius: 0 0 4px 4px;
}
.pr-dummy #main-column .section-wrap .common-btn-blue {
  padding-bottom: 10px;
}
.pr-dummy #main-column .gw-world-popular-list .gw-world-popular-list-box li {
  margin-right: 8px;
}
.pr-dummy #main-column .gw-world-popular-list .gw-world-popular-list-box li:nth-of-type(6n) {
  margin-right: 0;
}
.pr-dummy .background-box,
.pr-dummy #main-column .OUTBRAIN {
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
}
.pr-dummy .tenki-ad-pc-ct,
.pr-dummy .OUTBRAIN,
.pr-dummy .ob-shrink {
  border-radius: 4px;
  background-color: #fff;
  padding: 5px;
}
.pr-dummy .OUTBRAIN,
.pr-dummy .ob-shrink {
  margin-bottom: 10px;
}
.pr-dummy .ft-nav {
  border-radius: 4px;
}
.pr-dummy #sub-column section {
  margin-bottom: 30px;
  padding: 5px;
}
.pr-dummy #sub-column section .sub-column-img {
  margin-bottom: 0;
}
.pr-dummy #sub-column section .sub-column-img > a >img {
  width: 100%;
}
.pr-dummy #sub-column .common-sub-column-attention:nth-of-type(2n) li {
  border: none;
}
.pr-dummy #sub-column .common-sub-column-attention:nth-of-type(2n) li a {
  padding-bottom: 5px;
}
.pr-dummy #delimiter {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  padding-left: 5px;
}
.pr-dummy #sub-column .sub-column-contents-link-title:first-of-type {
  border-radius: 4px 4px 0 0;
}
.pr-dummy #main-column table.forecast-point-3h {
  width: 692px;
}
.pr-dummy #main-column table.forecast-point-3h table.forecast-point-3h tr.head th {
  width: 282px;
}
.pr-dummy #main-column .section-wrap:first-of-type,
.pr-dummy .widesize-wrap {
  padding-top: 5px;
}
.pr-dummy #main-column .tenki-ad-3h_point_text {
  padding: 0 5px;
}
.pr-dummy #sub-column .typhoon-sub-column-parts {
  padding: 0;
}
.pr-dummy.widesize #hd {
  width: 1280px;
}
.pr-dummy .hd-suppl-link {
  height: 15px;
}
ダミージャック用記述 - ここまで↑ */

/* 注意文言 */
.main-column-notification-message {
  font-size: 0.875em;
  margin-bottom: 20px;
}